2-14作业请老师批改
来源：2-14 编程练习
慕勒1326373
2018-06-27 11:17:40
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style type="text/css">
*{padding: 0;
margin: 0;
text-align: center;}
.nav{width: 100%;
height: 300px;
background-color: #9dbecf;
margin: 0 auto;
text-align: center;
}
.nav .left{float: left;
padding-top: 45px;
padding-left: 100px;}
.nav .right{float: right;
padding-top: 45px;
padding-right: 100px;}
.content{width: 100%;
height: 200px;
text-align: center;
margin: 0 auto;
background-color: #c29ab9;
}
.content .con-left{float: left;
width: 30%;
line-height: 200px;
margin-top: 30px;}
.content .con-right{float: right;
width: 30%;
line-height: 200px;
margin-top: 30px;}
.content .con-middle{float: left;
width: 40%;
line-height: 200px;
margin-top: 30px;}
</style>
</head>
<body>
<div class="nav">
<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="content">
<div class="con-left">
<img src="http://climg.mukewang.com/58c0f81d0001fe4402000060.jpg"/>
</div>
<div class="con-right">
<img src="http://climg.mukewang.com/58c0f8220001dfce02000060.jpg"/>
</div>
<div class="con-middle">
<img src="http://climg.mukewang.com/58c0f8780001c74602000060.jpg"/>
</div>
</div>
</body>
</html>
1回答
-
好帮手慕夭夭
2018-06-27
练习题中下部分建议去掉如下div的行高与上边距和宽度
改为给图片img设置如下:
中间div改为如下:
使每张图片间距一样 ,完善一下吧 ,祝学习愉快 !
0
相似问题