网页制作试题
发布网友
发布时间：2022-05-07 19:45
共2个回答
热心网友
时间：2022-07-01 06:16
<html>
<head>
<title>Demo</title>
<meta charset="utf-8">
<style>
body{
width: 1920px;
height: 100%;
}
.box1 {
margin: 0 auto;
width: 700px;
height: 40px;
border: 1px solid #7aa25c;
}
.box2{
margin: 0 auto;
margin-top: -1px;
width: 699px;
height:130px;
border: 1px solid #7aa25c;
}
.box-c{
float: left;
height: 100px;
width: 20%;
border: 1px solid #7aa25c;
margin:15px;
}
.box3{
width: 600px;
height: 300px;
border: 1px solid #7aa25c;
margin: 0 auto;
border-top: 2px solid #7aa25c;
padding: 20px;
}
.box-l{
float: left;
height: 300px;
width: 45%;
border: 1px solid #7aa25c;
}
.box-r{
float: right;
height: 300px;
width: 45%;
}
.box-t{
width: 100%;
height: 45%;
border: 1px solid #7aa25c;
}
.box-b{
width: 100%;
height: 45%;
border: 1px solid #7aa25c;
margin-top: 5%;
}
.box4{
margin: 0 auto;
margin-top: -1px;
width: 700px;
height: 30px;
border: 1px solid #7aa25c;
}
</style>
</head>
<body>
<div class="box1"></div>
<div class="box2">
<div class="box-c"></div>
<div class="box-c"></div>
<div class="box-c"></div>
<div class="box-c"></div>
</div>
<div class="box3">
<div class="box-l"></div>
<div class="box-r">
<div class="box-t"></div>
<div class="box-b"></div>
</div>
</div>
<div class="box4"></div>
</body>
</html>
热心网友
时间：2022-07-01 06:16
