網(wǎng)頁技巧 用UL實現(xiàn)非Table四行三列布局
網(wǎng)頁技巧 用UL實現(xiàn)非Table四行三列布局
先看看效果:
效果圖
下面是源代碼:
testul{margin:0px;padding:0px;width:0px;}ul li{float:left;list-style-type:none;border-top:#000 solid 1px; border-left:#000 solid 1px;width:65px;}.border-r{ border-right:#000 solid 1px; }.border-b{ border-bottom:#000 solid 1px; }.border-l{ border-right:#000 solid 1px; border-bottom:#000 solid 1px; }
將上面的代碼保存成html格式的網(wǎng)頁文檔能看到效果了。