在CSS中設置表格的邊框寬度更細？

Question

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

這就是我創建表的方式。邊框寬度似乎大膽。我不能像0.5px或其他東西。無論如何可以減小它的寬度嗎？

Answer 1

首先，你應該崩潰使用border-collapse: collapse;邊界的border您正在設置使用瀏覽器的默認樣式是有點3D，您可以用border-style: solid;爲table以及td，可以考慮使用這種方法之下，而不是使用屬性，使用CSS

table.class_name { 
    border-collapse: collapse; 
} 

table.class_name td { 
    border: 1px solid #aaa; 
    padding: 5px; 
} 

Demo

Answer 2

不要使用HTML屬性（寬度，CELLPADDING，邊境，CELLSPACING）更多的應用邊界。使用CSS。很多人不喜歡W3School，但我認爲他們會幫助你 - http://www.w3schools.com/css/css_table.asp。對於邊界，你會使用類似

table { border:1px solid;} 

Answer 3

使用的邊界崩潰你的桌子上標籤：

table { 
    border-collapse: collapse; 
} 

這將確保你的邊界並不在雙方見面的地方增加了一倍。如果仍然看起來太暗，只需使用較淺的邊框顏色即可。

Answer 4

嘗試這種情況：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; 
} 

Answer 5

樣式的td和th元素

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

和細胞之間沒有間隔使用：

table { 
    border-collapse: collapse; 
} 

查看jsFiddle例子：​​