关于制作极细1px表格边框

大家在使用css+div布局的时候，table已经被大多数人忽略了，或者说唾弃了。但是偶尔制作表格效果的时候，这是很方便的，对于这一点，我的建议就是该用什么的时候用什么，不是table不存在一点优点的。

在使用table的时候，大家也许会发现一些问题。很多人都不知道该如何做出1px宽度的table边框。boder设置为0。用css控制边框，但是这个在有些情况下是会有问题的。其实，table本身已经拥有了这些功能，不必要再去那么麻烦的。

要解决这个问题，我们需要先剖析一下，为什么我们得不到1px的边框呢？因为table的边框默认是有3d效果的，也就存在了一个亮面，一个暗面，这样才能够形成3d效果，但是这使得我们不能够得到1px的边框。这时我们需要做的就是单独给亮面和暗面设置艳色。

比如：我们网页背景颜色是白色的，那么边框就可以这样设置：

bordercolordark=”#FFFFFF” bordercolorlight=”#000000″，

这样就得到了一个黑色的1px边框。那么，这两个的颜色可不可以兑换呢？经过我的实验，是不可以的，如果两个颜色互换，就会造成交叉处断线的问题。这个大家可以自行测试。

最后上一段简单表格的代码“

<table width=”230″ border=”0″ cellspacing=”0″ cellpadding=”0″ bordercolordark=”#FFFFFF” bordercolorlight=”#000000″>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

 

 

 

 

文章作者：IceSun
本文地址：http://www.iscss.tk/?p=53
版权所有 © 转载时必须以链接形式注明作者和原始出处！