麻烦老师批改一下作业，谢谢！
来源：2-14 编程练习
超速飛
2017-06-26 15:30:38
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
.clearfix:after,
.clearfix:before {
content: " ";
display: block;
clear: both;
}
.top,
.bottom {
width: 80%;
margin: 0 auto;
}
.top {
background-color: rgba(173, 216, 230, 1.00);
margin-top: 40px;
}
.bottom {
background-color: rgba(255, 182, 193, 1.00);
}
.t-left {
float: left;
width: calc(50% - 20px);
text-align: center;
margin: 10px;
}
.t-right {
float: right;
width: calc(50% - 20px);
text-align: center;
margin: 10px;
}
.b-left,
.b-middle {
float: left;
width: calc(33.33333% - 20px);
text-align: center;
margin: 30px 10px;
}
.b-left {
text-align: right;
}
.b-right {
float: right;
width: calc(33.33333% - 20px);
text-align: left;
margin: 30px 10px;
}
</style>
</head>
<body>
<div class="top clearfix">
<div class="t-left"><img src="http://climg.mukewang.com/58c0f808000129a303600215.jpg" alt="1"></div>
<div class="t-right"><img src="http://climg.mukewang.com/58c0f819000198a703600214.jpg" alt="2"></div>
</div>
<div class="bottom clearfix">
<div class="b-left"><img src="http://climg.mukewang.com/58c0f81d0001fe4402000060.jpg" alt="3"></div>
<div class="b-middle"><img src="http://climg.mukewang.com/58c0f8220001dfce02000060.jpg" alt="4"></div>
<div class="b-right"><img src="http://climg.mukewang.com/58c0f8780001c74602000060.jpg" alt="5"></div>
</div>
</body>
</html>写回答
1回答
-
Miss路
2017-06-26
做的很好，再接再厉，不用每个作业都要老师来看，你对比一下原型图，看一下要求，能实现的就ok。祝学习愉快！
0
相似问题