请老师帮忙检查下可否优化谢谢~
来源:3-4 编程练习
奋斗的小白mmm
2019-10-12 20:38:00
<!DOCTYPE html>
<html>
<head>
<!-- 此处编写样式 -->
<style type="text/css">
*{
margin: 0;
padding: 0;
}
.container{
width: 790px;
border: 2px #acacac dashed;
margin: 0 auto;
overflow: hidden;
zoom:1;
padding: 20px;
}
.con{
margin: 10px;
float: left;
border: 1px #ececec solid;
text-align: center;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="container">
<div class="con">
<div class="img"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/></div>
<div>欢迎来到慕课网学习新知识!</div>
</div>
<div class="con">
<div class="img"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/></div>
<div>欢迎来到慕课网学习新知识!</div>
</div>
<div class="con">
<div class="img"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/></div>
<div>欢迎来到慕课网学习新知识!</div>
</div>
<div class="con">
<div class="img"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/></div>
<div>欢迎来到慕课网学习新知识!</div>
</div>
<div class="con">
<div class="img"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/></div>
<div>欢迎来到慕课网学习新知识!</div>
</div>
<div class="con">
<div class="img"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/></div>
<div>欢迎来到慕课网学习新知识!</div>
</div>
</div>
</body>
</html>
1回答
好帮手慕码
2019-10-13
同学你好!
效果实现的是可以的,
如果帮助到了你,欢迎采纳,祝学习愉快~
相似问题