网页技巧 用UL实现非Table四行三列布局

　　先看看效果：

　　效果图

　　下面是源代码：

htmlheadtitletest/titlestyle type="text/css"ul{margin:0px;padding:0px;width:200px;}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;　　　　　　　　}/style/headbodyulli /lili /lili class="border-r" /li/ululli /lili /lili class="border-r" /li/ululli /lili /lili class="border-r" /li/ululli class="border-b" /lili class="border-b" /lili class="border-l" /li/ul/body/html

　　将上面的代码保存成html格式的网页文档就能看到效果了。