Using CSS to implement the layout of the Cross sample code
The
code is as follows:
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv= "Content-type" content= "text/html"; charset=gb2312 "/>
<title> Untitled Document </title>
<style>
. wrap{margin:100px 100px 0 100px; width:600px; height:200px; overflow:hidden;}
one{float:left width:100px height:100px border:1px #ccc dashed None border-right:0 margin-left:-2px op:-1px; border-bottom:0;}
</style>
</head>
<body>
<div class= "wrap" >
<div class= "one" ></div>
<div class= "one" ></div>
<div class= "one" ></div>
<div class= "one" ></div>
<div class= "one" ></div>
<div class= "one" ></div>
<div class= "one" ></div>
<div class= "one" ></div>
<div class= "one" ></div>
<div class= "one" ></div>
<div class= "one" ></div>
<div class= "one" ></div>
</div>
</body>
</html>
