关于制作极细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

版权所有©转载时必须以链接形式注明作者和原始出处!

相关推荐