请老师帮忙检查一下，谢谢~
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style type="text/css">
body{
margin:0;
padding: 0;
text-align: center;
}
.BOX{
width: 90%;
height: 1000px;
margin: 0 auto;
position: absolute;
top:50%;
left: 50%;
margin-left: -45%;
margin-top: -600px;
}
.BigBox{
width: 100%;
height: 700px;
background:lightblue;
}
.BigBox img{
width: 100%;
height: 600px;
}
.p1{
width: 35%;
position: absolute;
padding-top: 50px;
margin-left: 10%;
}
.p2{
width: 35%;
position: absolute;
right: 0;
padding-top: 50px;
margin-right: 10%;
}
.SmallBox{
width: 100%;
height: 400px;
background:pink;
}
.SmallBox img{
width: 100%;
height: 200px;
}
.p3{
width: 15%;
position: absolute;
padding-top: 100px;
margin-left: 10%;
}
.p4{
width: 15%;
position: absolute;
padding-top: 100px;
margin-left: 42.5%;
}
.p5{
width: 15%;
position: absolute;
right: 0;
padding-top: 100px;
margin-right: 10%;
}
</style>
</head>
<body>
<div class="BOX">
<div class="BigBox">
<div class="p1"><img src="http://img1.sycdn.imooc.com/climg//58c0f808000129a303600215.jpg"></div>
<div class="p2"><img src="http://img1.sycdn.imooc.com/climg//58c0f819000198a703600214.jpg"></div>
</div>
<div class="SmallBox">
<div class="p3"><img src="http://img1.sycdn.imooc.com/climg//58c0f81d0001fe4402000060.jpg"></div>
<div class="p4"><img src="http://img1.sycdn.imooc.com/climg//58c0f8220001dfce02000060.jpg"></div>
<div class="p5"><img src="http://img1.sycdn.imooc.com/climg//58c0f8780001c74602000060.jpg"></div>
</div>
</div>
</body>
</html>8
收起
正在回答 回答被采纳积分+1
2回答
相似问题
登录后可查看更多问答，登录/注册
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星