請問老師,是否能再優化一下?
来源:3-4 编程练习
慕数据3203843
2019-08-31 18:19:56
<!DOCTYPE html>
<html>
<head>
<!-- 此处编写样式 -->
<style type="text/css">
*{
padding:0;
margin:0;
}
.content{
/*width:800px;*/
/* 寬度為元素的總寬度*/
width:792px;
border:1px gray dotted;
overflow:hidden;
padding: 10px;
}
.content li{
width:240px;
margin:2px;
border:2px gray solid;
list-style:none;
margin:10px;
float:left;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="content">
<div>
<ul>
<li><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">歡迎來到慕課網學習新知識!</li>
<li><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">歡迎來到慕課網學習新知識!</li>
<li><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">歡迎來到慕課網學習新知識!</li>
<li><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">歡迎來到慕課網學習新知識!</li>
<li><img src=http://climg.mukewang.com/590fe97d00011bda02400135.jpg>歡迎來到慕課網學習新知識!</li>
<li><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">歡迎來到慕課網學習新知識!</li>
</ul>
</div>
</div>
</body>
</html>1回答
同学你好,效果实现的很好,代码也很简洁,棒棒哒,继续加油,祝学习愉快~
相似问题
回答 1
回答 1
回答 1
回答 2
回答 1