练习 制作DIV格式
<title>无标题文档</title>
<style>
#a{
background-color:#FFF;
border:#CCC solid 1px;
height:250px;
width:200px;
left:10px;
top:10px;
z-index:1;}
#b{
position:absolute
background-color:#FFF;
border:#CCC solid 1px;
height:320px;
width:550px;
left:210px;
top:10px;
z-index:2;}
#apDiv1 {
position: absolute;
left: 568px;
top: 11px;
width: 1032px;
height: 319px;
z-index: 1;
}
#apDiv2 {
position: absolute;
left: 14px;
top: 12px;
width: 203px;
height: 270px;
z-index: 1;
}
#apDiv3 {
position: absolute;
left: 224px;
top: 12px;
width: 936px;
height: 357px;
z-index: 2;
}
#apDiv4 {
position: absolute;
left: 15px;
top: 290px;
width: 201px;
height: 151px;
z-index: 3;
}
#apDiv5 {
position: absolute;
left: 225px;
top: 379px;
width: 936px;
height: 301px;
z-index: 4;
}
#apDiv6 {
position: absolute;
left: 224px;
top: 687px;
width: 934px;
height: 727px;
z-index: 5;
}
#apDiv7 {
position: absolute;
left: 14px;
top: 451px;
width: 200px;
height: 1067px;
z-index: 6;
}
#apDiv8 {
position: absolute;
left: 225px;
top: 1424px;
width: 935px;
height: 95px;
z-index: 7;
}
#apDiv9 {
position: absolute;
left: 1214px;
top: 1500px;
width: 4px;
height: 133px;
z-index: 8;
}
#apDiv10 {
position: absolute;
left: 13px;
top: 1523px;
width: 1149px;
height: 364px;
z-index: 9;
}
</style>
</head>
<body>
<div id="apDiv2"></div>
<div id="apDiv3"></div>
<div id="apDiv4"></div>
<div id="apDiv5"></div>
<div id="apDiv6"></div>
<div id="apDiv7"></div>
<div id="apDiv8"></div>
<div id="apDiv10"></div>
</body>
</html>
