css创意ul+li实现的细线表格实现代码

更新时间：2008年08月03日 01:26:32 作者：

非常用创意的用ul+li实现的细线表格效果，不用table

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>write by 阿会楠 环境：IE7+IE6</title> <style type="text/css"> #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;      } </style> </head> <body> <ul id="ulDate"> <li style="width:403px;background:#F7F7FF;text-align:center;">时间</li> <li>2008-7-30</li> <li>2008-7-30</li> <li>2008-7-30</li> <li>2008-7-30</li> <li>2008-7-30</li> <li>2008-7-30</li> <li>2008-7-30</li> <li>2008-7-30</li> <li>2008-7-30</li> <li>2008-7-30</li> <li></li> <li></li> </ul> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

百分比的细节－－容器大小篇
百分比的细节－－容器大小篇...
2007-04-04
html工作中表格<tbody>标签的使用技巧
公司大部分的项目都是基于BS结构，UI设计阶段做WEB原型页面时要把各种交互效果实现出来，与真正的后台编程不同，就用JS前台编程来实现，让程序员编程前知道要做成什么样的效果就行了。
2008-09-09
CSS样式表的背景渲染效率
CSS样式表的背景渲染效率...
2006-12-12
文章内容页广告浮于左上角的解决办法
文章内容页广告浮于左上角的解决办法...
2007-03-03
css分页样式代码
比较经典的分页样式代码，主要是多数字分页
2008-06-06
何为XHTML??
何为XHTML??...
2007-01-01
在解决ul居中问题时想到的几点
在解决ul居中问题时想到的几点...
2007-09-09
在IE下拖动滚动条时border消失的解决方法
在IE下拖动滚动条时border消失的解决方法...
2007-01-01
使用CSS解决文字环绕图片问题的代码
使用CSS解决文字环绕图片问题的代码...
2007-12-12
CSS中几种常见的注释
CSS中几种常见的注释...
2007-05-05

css创意ul+li实现的细线表格实现代码

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具