下面的字怎么设置
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>编程练习</title>
<style>
.container{
width:760px;
height:300px;
border:2px #ccc dashed;
}
.up{
height:145px;
background-color;green;
overflow: hidden;
zoom:1;
background-image: url(http://img1.sycdn.imooc.com/climg//590fe97d00011bda02400135.jpg);
background-repeat: no-repeat;
background-position: 260px 10px;
}
.up .p1 .pp1{
margin-top:10px;
margin-left:10px;
width:240px;
height:135px;
float: left;
}
.up .p2 .pp2{
margin-top:10px;
margin-right:10px;
width:240px;
height:135px;
float: right;
}
.down{
height:145px;
background-color;green;
overflow: hidden;
zoom:1;
background-image: url(http://img1.sycdn.imooc.com/climg//590fe97d00011bda02400135.jpg);
background-repeat: no-repeat;
background-position: 260px 10px;
}
.down .p3 .pp3{
margin-top:10px;
margin-left:10px;
width:240px;
height:135px;
float: left;
}
.down .p4 .pp4{
margin-top:10px;
margin-right:10px;
width:240px;
height:135px;
float: right;
}
</style>
</head>
<body>
<div class="container">
<div class="up">
<div class="p1"><img class="pp1" src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg"/>
</div>
<div class="p2"><img class="pp2" src="http://img1.sycdn.imooc.com/climg//590fe982000150ba02400135.jpg"/></div>
</div>
<div class="down">
<div class="p3"><img class="pp3" src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg"/></div>
<div class="p4"><img class="pp4" src="http://img1.sycdn.imooc.com/climg//590fe982000150ba02400135.jpg"/></div>
</div>
</div>
</body>
</html>
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 1088 份
- 解答问题 10205 个
如果你有Java语言基础，又想以后从事Java Web开发，那么本路径是你的不二选择！本路径从网页搭建开始入手，通过大量案例来学习Java Web基础。定能助你完成Java Web小白的蜕变！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星