制作DIV表格行之有效的方法
作者：laicongcong
DIV元素是用來為HTML文檔內大塊（block-level）的內容提供結構和背景的元素，那你對DIV表格的概念是否熟悉，這里和大家分享一下制作DIV表格方法。
本文向大家簡單介紹一下制作DIV表格的方法，用DIV做表格用到的樣式比較多，這里介紹一個簡單的表格制作方法，缺點是沒有豎線分隔。但是代碼簡單且可以作出表格的功能，相信本文介紹一定會讓你有所收獲。
DIV表格制作方法
用DIV做表格用到的樣式比較多，這里介紹一個簡單的DIV表格制作方法，缺點是沒有豎線分隔。但是代碼簡單且可以作出DIV表格的功能。
- <html>
- <head>
- <title>test</title>
- <styletypestyletype="text/css">
- #border-b{height:18px;}
- #border-bul{clear:both;margin:0;height:18px;}
- #border-bulli{border-bottom:#000solid1px;
- float:left;list-style-type:none;width:65px;}
- </style>
- </head>
- <body>
- <dividdivid="border-b">
- <ul>
- <li> </li>
- <li> </li>
- <li> </li>
- </ul>
- <ul>
- <li> </li>
- <li> </li>
- <li> </li>
- </ul>
- <ul>
- <li> </li>
- <li> </li>
- <li> </li>
- </ul>
- <ul>
- <li> </li>
- <li> </li>
- <li> </li>
- </ul>
- </div>
- </body>
- </html>
但如果是制作數據陳列顯示，推薦還是利用DIV結合table標簽應用。
【編輯推薦】
- CSS解決DIV居中相關問題
- JavaScript動態創建div屬性和樣式
- CSS中border和clear兩大屬性用法揭秘
- 實現DIV居中布局三種途徑
- 解讀DIV CSS網頁布局中CSS無效十個原因
責任編輯：佚名
來源：
hi.baidu.com
