3-2练习，请老师看一下，哪些地方需要修改和完善
来源：3-1 实战分析
小猪o
2017-09-08 22:32:15
<html>
<head>
<!-- 此处编写样式 -->
<meta charset="utf-8">
<style>
*{padding:0;margin:0;}
.all{width:940px;height:250pxx;border:1px dotted #ececec;float:left;}
.oneline{float:left;}
.twoline{float:left;}
.cont1{float:left;width:260px;border:1px solid #ececec;
margin:15px;padding:10px;
}
.cont2{float:left;width:260px;border:1px solid #ececec;
margin:15px;padding:10px;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="all">
<div class="oneline">
<div class="cont1">
<div class="image1"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" width="260"></div>
<div>欢迎来到慕课网学习新知识！</div>
</div>
<div class="cont1">
<div class="image1"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg" width="260"></div>
<div>欢迎来到慕课网学习新知识！</div>
</div>
<div class="cont1">
<div class="image1"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg" width="260"></div>
<div>欢迎来到慕课网学习新知识！</div>
</div>
</div>
<div class="twoline">
<div class="cont2">
<div class="image1"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" width="260"></div>
<div>欢迎来到慕课网学习新知识！</div>
</div>
<div class="cont2">
<div class="image1"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg" width="260"></div>
<div>欢迎来到慕课网学习新知识！</div>
</div>
<div class="cont2">
<div class="image1"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg" width="260"></div>
<div>欢迎来到慕课网学习新知识！</div>
</div>
</div>
</div>
</body>
</html>
1回答
-
樱桃小胖子
2017-09-10
效果实现的很好，代码也很简洁，祝学习愉快！
0
相似问题
回答 3
回答 1