html5设置细线表格,运用ul+li实现细线表格

本篇文章主要介绍如何使用用ul+li实现的细线表格效果不用table，非常有创意感兴趣的小伙伴了解一下。

代码如下：

write by 阿会楠 环境：IE7+IE6

#ulDate{

width:404px;

margin:0;

border-top:1px solid #cccccc;

border-left:1px solid #cccccc;

}

#ulDate li{

float:left;

width:100px;

height:30px;

list-style-type:none;

border-right:1px solid #cccccc;

border-bottom:1px solid #cccccc;

/*非必须*/

line-height:30px;

font-size:12px;

text-align:center;

}

• 时间
• 2008-7-30
• 2008-7-30
• 2008-7-30
• 2008-7-30
• 2008-7-30
• 2008-7-30
• 2008-7-30
• 2008-7-30
• 2008-7-30
• 2008-7-30

相关推荐：