老师麻烦你看看我的代码有那些需要改进的
来源：2-14 编程练习
qq_沉何成就之风_0
2017-07-25 10:47:27
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
body{margin: 0;padding: 0; width:90%;}
.d1{width: 1100px; height: 250px;
background:#ADD8E6;
margin: 0 auto;}
.d1 .d11{float: left; margin: 15px 0px 15px 150px; }
.d1 .d12{float: right; margin: 15px 150px 15px 0px; }
.d2{width: 1100px; height: 120px;
background: #FFB6C1;
margin: 0 auto;}
.d2 .d22{position: absolute;
left: 50%;
margin-left: -100px;
margin-top: 30px;}
.d2 .d21{float: left; margin:30px 150px;}
.d2 .d23{float: right; margin:30px 150px;}
</style>
</head>
<body>
<div class="d1">
<div class="d11"><img src="http://climg.mukewang.com/58c0f808000129a303600215.jpg"></div>
<div class="d12"><img src="http://climg.mukewang.com/58c0f819000198a703600214.jpg"></div>
</div>
<div class="d2">
<div class="d21"><img src="http://climg.mukewang.com/58c0f81d0001fe4402000060.jpg"></div>
<div class="d22"><img src="http://climg.mukewang.com/58c0f8220001dfce02000060.jpg"></div>
<div class="d23"><img src="http://climg.mukewang.com/58c0f8780001c74602000060.jpg"></div>
</div>
</body>
</html>
1回答
-
樱桃小胖子
2017-07-25
这里的显示不符合效果图的排版要求，
根据你的代码，粉色背景以及里面的三张图片的代码可以进行简化的
希望可以帮到你！
0
相似问题