请老师检查一下代码是否需要修改
来源:2-14 编程练习
慕桂英2021900
2019-08-01 10:54:01
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
body{margin: 0;padding: 0;}
.overall{
width: 1200px;
height: 600px;
margin: 0 auto;
margin-top: 50px;
}
.top{
width: 1200px;
height: 400px;
background: #add8e6;
overflow: hidden;
padding: 0 20px;
}
.top1{
width: 50%;
height: 400px;
float: left;
background: url(http://climg.mukewang.com/58c0f808000129a303600215.jpg) center no-repeat;
background-size: 560px 80%;
}
.top2{
width: 50%;
height: 400px;
float: right;
background: url(http://climg.mukewang.com/58c0f819000198a703600214.jpg) center no-repeat;
background-size: 560px 80%;
}
.bottom{
width: 1200px;
height: 200px;
background: #FF9999 ;
padding: 0 20px;
}
.bottom .bottom1{
width: 400px;
height: 200px;
float: left;
background: url(http://climg.mukewang.com/58c0f81d0001fe4402000060.jpg) center no-repeat;
background-size: 360px 80%;
}
.bottom .bottom2{
width: 400px;
height: 200px;
float: left;
background: url(http://climg.mukewang.com/58c0f8220001dfce02000060.jpg) center no-repeat;
background-size: 360px 80%;
}
.bottom .bottom3{
width: 400px;
height: 200px;
float: left;
background: url(http://climg.mukewang.com/58c0f8780001c74602000060.jpg) center no-repeat;
background-size: 360px 80%;
}
</style>
</head>
<body>
<div class="overall">
<div class="top">
<div class="top1"></div>
<div class="top2"></div>
</div>
<div class="bottom">
<div class="bottom1"></div>
<div class="bottom2"></div>
<div class="bottom3"></div>
</div>
</div>
</body>
</html>
1回答
好帮手慕言
2019-08-01
同学你好,效果实现的很好,不需要修改了,棒棒哒,祝学习愉快~
相似问题