老师 dl dt dd主要是做什么的
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS布局</title>
<style type="text/css">
/*此处写代码*/
*{
padding-left: 0;
margin: 0;
}
.m-bottom{
width: 680px;
height: 600px;
}
.m-bottom .title{
font-size: 20px;
text-align: center;
font-family: 微软雅黑;
font-weight: bold;
padding-bottom: 10px;
}
.clear{
clear: both;
}
.m-bottom .pic-content dl{
float: left;
width: 300px;
margin: 5px 15px;
}
.m-bottom .pic-content dl img{
width: 300px;
height: 200px;
}
.m-bottom .pic-content dl dd{
font-family:宋体;
text-align: justify;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="m-bottom">
<div class="title">
ENJOY THE LIFE
</div>
<div class="clear"></div>
<div class="pic-content">
<dl>
<dt>
<img src="http://img1.sycdn.imooc.com/climg//58f829090001a4b504260240.jpg">
</dt>
<dd>Life is like a book,just read mor and more fefined,more write more carefully.When read,mind open,all things have been indifferent to heart.Life is the precipiation.
</dd>
</dl>
<dl>
<dt>
<img src="http://img1.sycdn.imooc.com/climg//58f8290f0001558804260240.jpg">
</dt>
<dd>Life is like a book,just read mor and more fefined,more write more carefully.When read,mind open,all things have been indifferent to heart.Life is the precipiation.</dd>
</dl>
</div>
</div>
</body>
</html>
正在回答
你好，代码实现效果是正确的，dd、dt标签是是列表标签。
<dl></dl>用来创建一个普通的列表,<dt>< /dt>用来创建列表中的上层项目，<dd></dd>用来创建列表中最下层项目，<dt></dt>和<dd></dd>都必须放在<dl></dl>标志对之间，dl是最外层，如果解决您的问题请采纳，祝学习愉快！
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 626 份
- 解答问题 4930 个
想要学好Web后端开发的中流砥柱语言，本阶段为你轻松铺就扎实的基础，从前端网页布局的搭建到后台PHP开发，助你从零基础到掌握主流开发语言。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星