01-23作业
2019-01-23 本文已影响0人
生命的怒放
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.v1{
margin-top: 8px;
margin-bottom: 8px;
}
.q{
margin-bottom: 8px;
border-top:2px solid red;
}
</style>
</head>
<body>
<div style="background-color: black;height: 20px;">
</div>
<div style="background-color: white;height: 40px;">
</div>
<div style="background-color: darkgoldenrod;width:20%;height: 150px;float:left ;">
</div>
<div style="background-color: cadetblue;width:80%;height: 150px;float:right;">
</div>
<div class='v1' style="background-color: darkturquoise;width:24%;height: 60px;float:left ;margin-right: 1.4%;">
</div>
<div class='v1' style="background-color: midnightblue;width:24%;height: 60px;float:left ;margin-right: 1.3%;">
</div>
<div class='v1' style="background-color: darkgreen;width:24%;height: 60px;float:left ;margin-right: 1.3%;">
</div>
<div class='v1' style="background-color: darksalmon;width:24%;height: 60px;float:left ;">
</div>
<div class='q' style="background-color: gray;width:18%;height: 90px;float:left ;margin-right: 2.5%;">
</div>
<div class='q' style="background-color: gray;width:18%;height: 90px;float:left ;margin-right: 2.5%;">
</div>
<div class='q' style="background-color: gray;width:18%;height: 90px;float:left ;margin-right: 2.5%;">
</div>
<div class='q' style="background-color: gray;width:18%;height: 90px;float:left ;margin-right: 2.5%;">
</div>
<div class='q' style="background-color: gray;width:18%;height: 90px;float:left ;">
</div>
<div class='' style="background-color: black;width:100%;height: 90px;float:left ;margin-right: 2.5%;">
</div>
</body>
</html>
