网络编程
位置:首页>> 网络编程>> 网页设计>> CSS如何做细线表格

CSS如何做细线表格

作者:荆棘鸟 来源:荆棘鸟's Blog 发布时间:2009-01-09 13:12:00 

标签:表格,table,边框,css

CSS如何做细线表格?天天用Div,倒把CSS表格细线这个最基础的应用忘了。

table {
border-collapse: collapse;
}
table td {
border: 1px solid #DADADA;
}

Demo:细线表格

  
  
  

补充一下,border-collapse有两个属性,separate 和 collapse 。

separate是默认属性,表格边框默认有1px 的间隙,在表格排版时代,设置好表格背景色,我们曾用它来挤出版块的外边框;

collapse,是将表格边框的间隙去掉,这样给表格的td边框赋值时就不会产生双线框了。

Demo:没有设置collapse属性的双线表格

  
  
  
0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com