DIV+CSS Simulation Form Effect Code _ Experience Exchange

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <ptml xmlns=" http://www.w3.org/1999/xhtml "> <pead> <meta http-equiv=" Content-type "content=" text/html; Charset=utf-8 "/> <title>div+css simulate table effect-by koyoz.com</title> <style type=" Text/css "> * {margin:0; padding:0} #main {margin:100px 0 0 200px} #main ul {width:520px;height:165px;list-style:none} #main li {border-left:1px Solid #ccc; border-top:1px solid #ccc; float:left;width:102px;height:33px;text-align:center;line-height:33px} #main LI.B {border-bottom:1px solid #ccc} #main LI.R {border-right:1px solid #ccc} </style> </pead> <body&gt ; <div id= "main" > <ul> <li>11</li> <li>11</li> <li>11</li> <li>1 1</li> <li class= "R" >11</li> <li></li> <li></li> <li></li> ;li></li>; Li class= "R" >11</li> <li></li> <li></li> <li></li> <li></li& Gt <li class= "R" >11</li> <li></li> <li></li> <li></li> <li></ Li> <li class= "R" >11</li> <li class= "B" ></li> <li class= "B" ></li> <li class= "B" ></li> <li class= "B" ></li> <li class= "b r" >11</li> </ul> </div> </ Body> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]