载入中...
 
 
 
 
      公告|Placard
载入中...
      日历|Calendar
载入中...
      日志|News
载入中...
      留言|Messages
载入中...
      评论|Comments
载入中...
      登陆|Login
载入中...
      搜索|Search
      统计|Info
载入中...
      链接|Links

载入中...

使用ul实现表格效果
qiqi 发表于 2008-8-19 13:26:00
<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>
阅读全文 | 回复(0) | 引用通告 | 编辑

  • 标签:ul 
  • 发表评论:
    载入中...
    Powered by Oblog.