发表于: 2016-05-17 11:31:43
1 1390
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.l1-1{background-color: orange;
border:10px solid white;
width:200px;
height:200px;}
.l1-2{background-color: orange;
border:10px solid white;
width:200px;
height:200px;
position: absolute;
left:210px;
top:10px;
}
.l1-3{background-color: orange;
border:10px solid white;
width:200px;
height:200px;
position: absolute;
left:420px;
top:10px;
}
.l2-1{background-color: orange;
border:10px solid white;
width:200px;
height:200px;
position:absolute;
top:210px;
}
.l2-2{background-color: orange;
border:10px solid white;
width:200px;
height:200px;
position: absolute;
left:210px;
top:210px;
}
.l2-3{background-color: orange;
border:10px solid white;
width:200px;
height:200px;
position: absolute;
left:420px;
top:210px;
}
.l3-1{background-color: orange;
border:10px solid white;
width:200px;
height:200px;
position:absolute;
top:420px;
}
.l3-2{background-color: orange;
border:10px solid white;
width:200px;
height:200px;
position: absolute;
left:210px;
top:420px;
}
.l3-3{background-color: orange;
border:10px solid white;
width:200px;
height:200px;
position: absolute;
left:420px;
top:420px;
}
</style>
</head>
<body>
<div class="line1">
<div class="l1-1"></div>
<div class="l1-2"></div>
<div class="l1-3"></div>
</div>
<div class="line2">
<div class="l2-1"></div>
<div class="l2-2"></div>
<div class="l2-3"></div>
</div>
<div class="line3">
<div class="l3-1"></div>
<div class="l3-2"></div>
<div class="l3-3"></div>
</div>
</body>
</html>
评论