·您的位置: 首页 » 资源教程 » 编程开发 » HTML、CSS » 用UL实现非TABLE四行三列布局

用UL实现非TABLE四行三列布局

类别: HTML、CSS教程  评论数:0 总得分:0
<html>
<head>
<title>test</title>
<style 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>
</head>
<body>
<ul>
<li>&nbsp;</li>
<li>&nbsp;</li>
<li class="border-r">&nbsp;</li>
</ul>
<ul>
<li>&nbsp;</li>
<li>&nbsp;</li>
<li class="border-r">&nbsp;</li>
</ul>
<ul>
<li>&nbsp;</li>
<li>&nbsp;</li>
<li class="border-r">&nbsp;</li>
</ul>
<ul>
<li class="border-b">&nbsp;</li>
<li class="border-b">&nbsp;</li>
<li class="border-l">&nbsp;</li>
</ul>
</body>
</html>
  将上面的代码保存成html格式的网页文档就能看到效果了。
-= 资 源 教 程 =-
文 章 搜 索
关键词:
类型:
范围:
纯粹空间 softpure.com
Copyright © 2006-2008 暖阳制作 版权所有
QQ: 15242663 (拒绝闲聊)  Email: faisun@sina.com
 纯粹空间 - 韩国酷站|酷站欣赏|教程大全|资源下载|免费博客|美女壁纸|设计素材|技术论坛   Valid XHTML 1.0 Transitional
百度搜索 谷歌搜索 Alexa搜索 | 粤ICP备06033747号