CSS

最新推荐文章于 2022-10-16 21:33:14 发布

lc另一种生活

最新推荐文章于 2022-10-16 21:33:14 发布

阅读量291

点赞数

本文链接：https://blog.csdn.net/l240896578/article/details/40349755

版权

<!DOCTYPE html>
<html>
<head>
<title>作业1</title>
<meta charset="utf-8">
<style type="text/css">
.quan{
width: 1267px;
height: 556px;
margin: auto;
background-color: red;
background-image: url(body.jpg);
background-size: 100%;
}
.tou1{
width: 558px;
height: 122px;
background-color: blue;
float: left;
}

.xia{
width: 1267px;
height: 433px;
clear: left;
background-image: url(xiabei.jpg);
}
.zhong{
width: 897px;
height: 355px;
background-color: yellow;
margin: auto;
position: relative;
top: 35px;

}
.zhong1{
width: 299px;
height: 95px;
background-color: red;
float: left;
}
.zhong2{
width: 299px;
height: 122px;
background-color: #6D87A0;
float: left;
}
.zhong3{
width: 299px;
height: 138px;
background-color: #245EDC;
float: left;
}
.xian{
width: 1px;
height: 85px;
background-color: #9C9C90;
}

</style>
</head>
<body style="background:#EEF2FB">
<div class="quan">
<div class="tou1">
<img src="tou1.jpg">
</div>

<div class="tou1" style="background-image:url(bei.jpg);width:709px;">
<img src="me.png">
</div>
<div class="xia">
<div class="zhong">
<div class="zhong1">
<div class="xian"></div>
</div>
<div class="zhong1">
<div class="xian"></div>
</div>
<div class="zhong1">
<div class="xian"></div>
</div>
<div class="zhong2">
<img src="zhong1.jpg">
</div>
<div class="zhong2">
<img src="zhong2.jpg">
</div>
<div class="zhong2">
<img src="zhong4.jpg">
</div>
<div class="zhong3"></div>
<div class="zhong3"></div>
<div class="zhong3"></div>
</div>
</div>
</div>
</body>
</html>