老师麻烦看一下是否有误,谢谢。
来源:2-14 编程练习
weixin_慕工程1249934
2020-08-10 07:17:25
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*此处写代码*/
*{padding:0;margin:0;}
.container{width:1000px;height:500px;
margin:0 auto;}
.up{width:100%;height:300px;background:blue;}
.up-left img{float:left;margin:42.5px 0 0 93px;}
.up-right{float:right;margin:42.5px 93px 0 0;}
.down{width:100%;height:200px;background:red;}
.down-left{float:left;margin:70px 0px 70px 100px;}
.down-middle{float:left;margin:70px 0px 70px 100px;}
.down-right{float:right;margin:70px 100px 70px 0px;}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="container">
<div class="up">
<div class="up-left">
<img src="http://climg.mukewang.com/58c0f808000129a303600215.jpg"/>
</div>
<div class="up-right">
<img src="http://climg.mukewang.com/58c0f819000198a703600214.jpg"/>
</div>
</div>
<div class="down">
<div class="down-left">
<img src="http://climg.mukewang.com/58c0f81d0001fe4402000060.jpg"/>
</div>
<div class="down-middle">
<img src="http://climg.mukewang.com/58c0f8220001dfce02000060.jpg"/>
</div>
<div class="down-right">
<img src="http://climg.mukewang.com/58c0f8780001c74602000060.jpg"/>
</div>
</div>
</div>
</body>
</html>
1回答
好帮手慕码
2020-08-10
同学你好,代码效果正确。继续加油,祝学习愉快~
相似问题