div css模擬表格效果代碼_經驗交流

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>DIV CSS 類比表格效果 - by koyoz.com</title> * {邊距：0；填滿：0} #main {邊距：100px 0 0 200px} #main ul {寬度：520px；高度：165px；列表樣式：無} #main li {邊框左：1px實心#ccc；邊框頂部：1px實心#ccc；浮動：左；寬度：102px；高度：33px；文字對齊：中心；行高：33px} #main li.b {邊框底部：1px實心#ccc} #main li.r {右邊框：1px實體#ccc} 風格> 頭> <div id="主"> <ul> <li>11</li> <li>11</li> <li>11</li> <li>11</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> <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="br">11</li> </ul> </div> 正文>
[​​Ctrl A 全選注:如需引入外部Js需刷新才能執行]