注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

樱之花

叶散的时候,你明白欢聚;花谢的时候,你明白青春.

 
 
 

日志

 
 
关于我

分类中“我的实验室”是我在日常工作中的一些知识总结,有些写的比较匆忙,可能大家在阅读时会产生困扰,后期有时间我会重新整理编辑,谢谢大家的到访,您们的支持是我前进的动力!

网易考拉推荐

css实现细线表格  

2007-07-12 10:48:27|  分类: 网页界面 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

优化之后的代码:

table{border:1px solid #000;margin:2px 0;text-align:center;border-collapse:collapse;}

td,th{border:1px solid #000;margin:2px 0;text-align:left;}

th{font:600 12px;background:#F4F4F4;}

还有几个常用的:

empty-cells : hide | show 设置或检索当表格的单元格无内容时,是否显示该单元格的边框。

table-layout : auto | fixed

语法:

border-spacing : length || length 

参数:

length :  由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位 

说明:设置或检索当表格边框独立(例如当border-collapse属性等于separate时),行和单元格的边框在横向和纵向上的间距。

当只指定一个length值时,这个值将作用于横向和纵向上的间距。当指定了全部两个length值时,第一个作用于横向间距,第二个作用于纵向间距。

目前IE5.5尚不支持此属性。

对应的脚本特性为borderSpacing。请参阅我编写的其他书目。

示例: table { border-collapse: separate; border-spacing: 10px; }

separate : 默认值。边框独立(标准HTML)

collapse : 相邻边被合并
表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开

  评论这张
 
阅读(419)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017