关于制作极细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> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>相关推荐
表格的现在还是较为常用的一种标签,但不是用来布局,常见处理、显示表格式数据。在HTML网页中,要想创建表格,就需要使用表格相关的标签。<table> <tr> <td>单元格内的文字</td> ...