检查代码效果 边距怎么写会更合理
来源：3-4 编程练习
林阿柒
2019-10-18 04:15:51
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>慕课网</title>
<!-- 此处编写样式 -->
<style>
* {
margin:0;
padding:0;
}
.wrap {
width:771px;
overflow:hidden;
border:1px dashed gray;
padding-top:15px;
padding-left:15px;
}
.wrap .one {
float:left;
width:240px;
border:1px solid gray;
margin-right:15px;
margin-bottom:15px;
}
.wrap .one dd {
text-align:center;
font-size:15px;
line-height:25px;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="wrap">
<dl class="one">
<dt><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"></dt>
<dd>欢迎来到慕课网学习新知识！</dd>
</dl>
<dl class="one">
<dt><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"></dt>
<dd>欢迎来到慕课网学习新知识！</dd>
</dl>
<dl class="one">
<dt><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"></dt>
<dd>欢迎来到慕课网学习新知识！</dd>
</dl>
<dl class="one">
<dt><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"></dt>
<dd>欢迎来到慕课网学习新知识！</dd>
</dl>
<dl class="one">
<dt><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"></dt>
<dd>欢迎来到慕课网学习新知识！</dd>
</dl>
<dl class="one">
<dt><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"></dt>
<dd>欢迎来到慕课网学习新知识！</dd>
</dl>
</div>
</body>
</html>
1回答
-
好帮手慕粉
2019-10-18
同学你好，代码实现的效果很好哦。继续加油！
0
相似问题