Chinaunix

标题: 用UL实现非Table四行三列布局 [打印本页]

作者: luckfly 时间: 2006-04-09 22:06
标题: 用UL实现非Table四行三列布局

　先看看效果：
　　

　　下面是源代码：
test
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;
            }
 
 
 
 
 
 
 
 
 
 
 
 
　　将上面的代码保存成html格式的网页文档就能看到效果了。
转自：动态网站制作指南 | www.knowsky.com

本文来自ChinaUnix博客，如果查看原文请点：http://blog.chinaunix.net/u/15511/showart_97459.html

欢迎光临 Chinaunix (http://bbs.chinaunix.net/)