细线表格http://www.hellowind.com/

最新推荐文章于 2023-09-27 20:54:22 发布

原创最新推荐文章于 2023-09-27 20:54:22 发布 · 790 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#border #table #css #class

本文介绍了四种制作细线表格的方法，包括调整表格间距、填充颜色、使用CSS样式及背景图片等技巧，帮助读者掌握不同场景下的细线表格设计。

Q：如何制作细线表格？

A：表格细线边框的做法

方法1：把表格的cellspacing设置为1，cellpadding和border均为0，分别填充表格的背景色和单元格的背景色。举例如下：
<table width="550" border="0" cellspacing="1" cellpadding="0" bgcolor="#666666">
<tr bgcolor="#FFFFFF">
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td> </td>
</tr>
</table>

方法2：把cellspacing、cellpadding、border均设置为1，分别设定表格的边框色和内部单元格的边框色，注意使内部单元格的边框色和网页背景色或表格背景色相同，这样内部的边框看上去就和背景融为一体了。举例如下：
<table width="550" border="1" cellspacing="1" cellpadding="1" bordercolor="#666666">
<tr bordercolor="#FFFFFF">
<td> </td>
</tr>
<tr bordercolor="#FFFFFF">
<td> </td>
</tr>
</table>

方法3：用CSS定义表格的边框宽度为1个像素。先设置CSS类table1 { border-top: 0px; border-right: 0px; border-bottom: 0px; border-left:0px}，然后在<table>标签里添加class="table1"。

方法4：做一个和表格等大的图片作为表格的背景，尤其当你想使表格边线有倒角时。