首页 > 代码库 > 第二天的练习
第二天的练习
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>网页布局</title>
<style>
body{
margin: 0px;
padding:0px;
}
</style>
</head>
<body>
<div style="width: 1422px;height: 34px;background:gold;margin: 0 auto"></div>
<div style="width: 1290px;height: 60px;background:blue;margin: 0 auto"></div>
<!-- 这是广告 -->
<div style="width: 1290px;height: 107px;background:gray;margin: 0 auto"></div>
<div style="width: 1190px;height: 46px;background:red;margin: 0 auto"></div>
<div style="width: 1190px;height: 519px;margin-left: 60px;margin: 0 auto";>
<div style="width: 205px;height: 498px;background: green;float: left;"></div>
<div style="width: 450px;height: 497px;background: blue;;float: left;"></div>
<div style="width: 220px;height: 495px;float: left">
<div style="width: 220px;height: 165px;background: yellow;float: left;"></div>
<div style="width: 220px;height: 165px;background: green;float: left;"></div>
<div style="width: 220px;height: 165px;background: black;float: left;"></div>
</div>
<div style="width: 300px;height: 488px;float: left;">
<div style="width: 300px;height: 125px;background: gold;float: left;"></div>
<div style="width: 298px;height: 196px;background: purple;float: left;"></div>
<div style="width: 300px;height: 167px;background: pink;float: left;"></div>
</div>
</div>
<div style="width: 1190px;height: 100px;margin-left: 60px;background: red;margin: 0 auto"></div>
<div style="width: 1190px;height: 200px;margin-left: 60px;margin: 0 auto;">
<div style="width: 170px;height: 200px;background:blue;float: left;"></div>
<div style="width: 333px;height: 198px;background:green;float: left"></div>
<div style="width: 333px;height: 198px;background:yellow;float: left"></div>
<div style="width: 333px;height: 198px;background:black;float: left"></div>
</div>
<div style="width: 1190px;height: 200px;margin-left: 60px;;margin: 0 auto";>
<div style="width: 170px;height: 200px;background:gold;float: left"></div>
<div style="width: 1020px;height: 198px;background:blue;float: left"></div>
</div>
<div style="width: 1190px;height: 90px;margin-left: 60px;margin: 0 auto";>
<div style="width: 588px;height: 90px;background:pink;float: left"></div>
<div style="width: 588px;height: 90px;background:green;float: left"></div>
</div>
<div style="width: 1190px;height: 305px;margin-left: 60px;margin: 0 auto";>
<div style="width: 1190px;height: 90px;margin-left: 60px;margin: 0 auto";>
<div style="width: 199px;height: 305px;background:black;float: left"></div>
<div style="width: 387px;height: 305.6px;background:yellow;float: left"></div>
<div style="width: 1190px;height: 90px;margin-left: 60px;margin: 0 auto";>
<div style="width: 199px;height: 305px;background:black;float: left"></div>
<div style="width: 387px;height: 305.6px;background:yellow;float: left"></div>
</div>
</div>
<div style="width: 1190px;height: 305px;margin-left: 60px;margin: 0 auto";>
<div style="width: 1190px;height: 90px;margin-left: 60px;margin: 0 auto";>
<div style="width: 199px;height: 305px;background:red;float: left"></div>
<div style="width: 387px;height: 305.6px;background:green;float: left"></div>
<div style="width: 1190px;height: 90px;margin-left: 60px;margin: 0 auto";>
<div style="width: 199px;height: 305px;background:red;float: left"></div>
<div style="width: 387px;height: 305.6px;background:green;float: left"></div>
</div>
</div>
<div style="width: 1190px;height: 305px;margin-left: 60px;margin: 0 auto";>
<div style="width: 1190px;height: 90px;margin-left: 60px;margin: 0 auto";>
<div style="width: 199px;height: 305px;background:black;float: left"></div>
<div style="width: 387px;height: 305.6px;background:yellow;float: left"></div>
<div style="width: 1190px;height: 90px;margin-left: 60px;margin: 0 auto";>
<div style="width: 199px;height: 305px;background:black;float: left"></div>
<div style="width: 387px;height: 305.6px;background:yellow;float: left"></div>
</div>
</div>
<div style="width: 1190px;height: 305px;margin-left: 60px;margin: 0 auto";>
<div style="width: 1190px;height: 90px;margin-left: 60px;margin: 0 auto";>
<div style="width: 199px;height: 305px;background:red;float: left"></div>
<div style="width: 387px;height: 305.6px;background:green;float: left"></div>
<div style="width: 1190px;height: 90px;margin-left: 60px;margin: 0 auto";>
<div style="width: 199px;height: 305px;background:red;float: left"></div>
<div style="width: 387px;height: 305.6px;background:green;float: left"></div>
</div>
</div>
<div style="width: 1190px;height: 305px;margin-left: 60px;margin: 0 auto";>
<div style="width: 1190px;height: 90px;margin-left: 60px;margin: 0 auto";>
<div style="width: 199px;height: 305px;background:black;float: left"></div>
<div style="width: 387px;height: 305.6px;background:yellow;float: left"></div>
<div style="width: 1190px;height: 90px;margin-left: 60px;margin: 0 auto";>
<div style="width: 199px;height: 305px;background:black;float: left"></div>
<div style="width: 387px;height: 305.6px;background:yellow;float: left"></div>
</div>
</div>
<div style="width: 1190px;height: 305px;margin-left: 60px;margin: 0 auto";>
<div style="width: 1190px;height: 90px;margin-left: 60px;margin: 0 auto";>
<div style="width: 199px;height: 305px;background:red;float: left"></div>
<div style="width: 387px;height: 305.6px;background:green;float: left"></div>
<div style="width: 1190px;height: 90px;margin-left: 60px;margin: 0 auto";>
<div style="width: 199px;height: 305px;background:red;float: left"></div>
<div style="width: 387px;height: 305.6px;background:green;float: left"></div>
</div>
</div>
<div style="width: 1190px;height: 305px;margin-left: 60px;margin: 0 auto";>
<div style="width: 1190px;height: 90px;margin-left: 60px;margin: 0 auto";>
<div style="width: 199px;height: 305px;background:black;float: left"></div>
<div style="width: 387px;height: 305.6px;background:yellow;float: left"></div>
<div style="width: 1190px;height: 90px;margin-left: 60px;margin: 0 auto";>
<div style="width: 199px;height: 305px;background:black;float: left"></div>
<div style="width: 387px;height: 305.6px;background:yellow;float: left"></div>
</div>
</div>
<div style="width: 1190px;height: 305px;margin-left: 60px;margin: 0 auto";>
<div style="width: 1190px;height: 90px;margin-left: 60px;margin: 0 auto";>
<div style="width: 199px;height: 305px;background:red;float: left"></div>
<div style="width: 387px;height: 305.6px;background:green;float: left"></div>
<div style="width: 1190px;height: 90px;margin-left: 60px;margin: 0 auto";>
<div style="width: 199px;height: 305px;background:red;float: left"></div>
<div style="width: 387px;height: 305.6px;background:green;float: left"></div>
</div>
</div>
<div style="width: 1190px;height: 305px;margin-left: 60px;margin: 0 auto";>
<div style="width: 1190px;height: 90px;margin-left: 60px;margin: 0 auto";>
<div style="width: 199px;height: 305px;background:black;float: left"></div>
<div style="width: 387px;height: 305.6px;background:yellow;float: left"></div>
<div style="width: 1190px;height: 90px;margin-left: 60px;margin: 0 auto";>
<div style="width: 199px;height: 305px;background:black;float: left"></div>
<div style="width: 387px;height: 305.6px;background:yellow;float: left"></div>
</div>
</div>
<div style="width: 1190px;height: 305px;margin-left: 60px;margin: 0 auto";>
<div style="width: 1190px;height: 90px;margin-left: 60px;margin: 0 auto";>
<div style="width: 199px;height: 305px;background:red;float: left"></div>
<div style="width: 387px;height: 305.6px;background:green;float: left"></div>
<div style="width: 1190px;height: 90px;margin-left: 60px;margin: 0 auto";>
<div style="width: 199px;height: 305px;background:red;float: left"></div>
<div style="width: 387px;height: 305.6px;background:green;float: left"></div>
</div>
</div>
<div style="width: 1190px;height: 90px;background:blue;margin: 0 auto;float: left"></div>
<div style="width: 1190px;height: 260px; margin: 0 auto; margin-top:23px;">
<div style="width: 190px;height:260px; background:black;float: left;"></div>
<div style="width:190px;height: 260px; background:yellow;float: left;margin-left: 10px;"></div>
<div style="width:190px;height: 260px; background:pink;float: left;margin-left: 10px;"></div>
<div style="width:190px;height: 260px; background:black;float: left;margin-left:10px;"></div>
<div style="width:190px;height: 260px; background:yellow;float: left;margin-left: 10px;"></div>
<div style="width:190px;height: 260px; background:pink;float: left;margin-left: 10px;"></div>
</div>
<div style="width: 1190px;height: 260px; margin: 0 auto; margin-top:23px;">
<div style="width: 190px;height:260px; background:red;float: left;"></div>
<div style="width:190px;height: 260px; background:blue;float: left;margin-left: 10px;"></div>
<div style="width:190px;height: 260px; background:green;float: left;margin-left: 10px;"></div>
<div style="width:190px;height: 260px; background:red;float: left;margin-left:10px;"></div>
<div style="width:190px;height: 260px; background:blue;float: left;margin-left: 10px;"></div>
<div style="width:190px;height: 260px; background:green;float: left;margin-left: 10px;"></div>
</div>
<div style="width: 1190px;height: 260px; margin: 0 auto; margin-top:23px;">
<div style="width: 190px;height:260px; background:black;float: left;"></div>
<div style="width:190px;height: 260px; background:yellow;float: left;margin-left: 10px;"></div>
<div style="width:190px;height: 260px; background:pink;float: left;margin-left: 10px;"></div>
<div style="width:190px;height: 260px; background:black;float: left;margin-left:10px;"></div>
<div style="width:190px;height: 260px; background:yellow;float: left;margin-left: 10px;"></div>
<div style="width:190px;height: 260px; background:pink;float: left;margin-left: 10px;"></div>
</div>
<div style="width: 1190px;height: 382px; margin: 0 auto;background: #c1c2c2; margin-top:23px;float: left">
<div style="width:195px;height: 333px; background:red;float: left;margin-top:25px;margin-left: 27.5px;"></div>
<div style="width:195px;height: 333px; background:blue;float: left;margin-top:25px;margin-left: 40px;"></div>
<div style="width:195px;height: 333px; background:yellow;float: left;margin-top:25px;margin-left: 40px;"></div>
<div style="width:195px;height: 333px; background:red;float: left;margin-top:25px;margin-left:40px;"></div>
<div style="width:195px;height: 333px; background:blue;float: left;margin-top:25px;margin-left: 40px;"></div>
</div>
<div style="width: 1190px;height: 35px; margin: 0 auto;background: #c1c2c2; margin-top:20px;float: left"></div>
<div style="width: 1190px;height: 430px; margin: 0 auto;background: red; margin-top:25px;float: left"></div>
<div style="width: 1190px;height: 35px; margin: 0 auto;background: #c1c2c2; margin-top:20px;float: left"></div>
<div style="width: 1190px;height: 90px;background:blue;margin: 0 auto;float: left"></div>
<div style="width: 1190px;height: 370px; margin: 0 auto; margin-top:82px;float: left">
<div style="width: 290px;height: 370px; background:red;float: left;"></div>
<div style="width: 625px;height: 370px; background:yellow;float: left;margin-left: 40px;"></div>
<div style="width: 200px;height: 370px; background:blue;float: left;margin-left: 35px;"></div>
</div>
<div style="width: 1190px;height: 430px; margin: 0 auto;background: black; margin-top:25px;float: left"></div>
<div style="width: 1190px;height: 90px;background:blue;margin: 0 auto;margin-top:30px;float: left"></div>
<div style="width: 1190px;height: 195px;background:green;margin: 0 auto;margin-top:30px;float: left"></div>
<div style="width: 1190px;height: 241px;background:pink;margin: 0 auto;margin-top:30px;float: left"></div>
</body>
</html>
第二天的练习