麻烦老师帮忙批改一下,谢谢。
来源:2-14 编程练习
Chris__Duan
2019-11-19 22:09:57
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*此处写代码*/
*{
padding:0;
margin:0;
}
img{
display:block;
}
.top{
width:1200px;
height:601px;
background:#ADD8E6;
margin:0 auto;
}
.top .left{
width:360px;
height:215px;
float:left;
margin:193px 160px;
}
.top .right{
width:360px;
height:214px;
float:right;
margin:193px 0;
margin-right:160px;
}
.bottom{
width:1200px;
height:200px;
background:#FFB6C1;
margin:0 auto;
}
.bottom .one{
width:200px;
height:60px;
float:left;
margin:70px 150px;
}
.bottom .two{
width:200px;
height:60px;
float:left;
margin:70px 0;
}
.bottom .three{
width:200px;
height:60px;
float:left;
margin:70px 150px;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="top">
<div class="left">
<img src="http://climg.mukewang.com/58c0f808000129a303600215.jpg"></div>
<div class="right">
<img src="http://climg.mukewang.com/58c0f819000198a703600214.jpg"></div>
</div>
<div class="bottom">
<div class="one"><img src="http://climg.mukewang.com/58c0f81d0001fe4402000060.jpg"></div>
<div class="two"><img src="http://climg.mukewang.com/58c0f8220001dfce02000060.jpg"></div>
<div class="three"><img src="http://climg.mukewang.com/58c0f8780001c74602000060.jpg"></div>
</div>
</body>
</html>
1回答
同学你好,代码是正确的。继续加油,祝学习愉快~
相似问题