Question

<table width='100%'  cellpaddin='0' border= '1' cellspacing='0' >

这就是我创建表格的方式。边框宽度似乎大胆。我不能像0.5px或其他东西。是否有可能减小它的宽度？

Answer 1

首先，您应该使用border-collapse: collapse;折叠边框，您设置的border使用的浏览器默认样式有点3d，您可以table使用td table.class_name { border-collapse: collapse; } table.class_name td { border: 1px solid #aaa; padding: 5px; } }以及{{1}}，考虑使用下面的方法，而不是使用属性，使用CSS应用边框

{{1}}

border-style: solid;

Answer 2

设置第t和第t个元素的样式

td, th {
    border: 1px solid black;
}

并且单元格之间没有间距使用：

table {
    border-collapse: collapse;
}

参见jsFiddle示例：http://jsfiddle.net/KbjNr/

Answer 3

不要再使用html属性（width，cellpadding，border，cellspacing）。使用CSS。很多人不喜欢W3Schools，但我认为他们会帮助你 - http://www.w3schools.com/css/css_table.asp。对于边框，您可以使用类似

的内容

table { border:1px solid;}

Answer 4

在表格标记上使用border-collapse：

table {
     border-collapse: collapse;
}

这将确保您的边界在双方相遇的地方不会倍增。如果它仍然看起来太暗，只需使用较浅的边框颜色。

Answer 5

试试这个：http://jsfiddle.net/LXKLW/

<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Peter</td>
<td>Griffin</td>
</tr>
<tr>
<td>Lois</td>
<td>Griffin</td>
</tr>
</table>

CSS：

table
{
border-collapse:collapse;
}
table, td, th
{
border:1px solid #ccc;
}

在CSS中设置表格的边框宽度更加纤薄？

5 个答案: