<table width='100%' cellpaddin='0' border= '1' cellspacing='0' >
這就是我創建表的方式。邊框寬度似乎大膽。我不能像0.5px或其他東西。無論如何可以減小它的寬度嗎?在CSS中設置表格的邊框寬度更細?
<table width='100%' cellpaddin='0' border= '1' cellspacing='0' >
這就是我創建表的方式。邊框寬度似乎大膽。我不能像0.5px或其他東西。無論如何可以減小它的寬度嗎?在CSS中設置表格的邊框寬度更細?
首先,你應該崩潰使用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;
}
不要使用HTML屬性(寬度,CELLPADDING,邊境,CELLSPACING)更多的應用邊界。使用CSS。很多人不喜歡W3School,但我認爲他們會幫助你 - http://www.w3schools.com/css/css_table.asp。對於邊界,你會使用類似
table { border:1px solid;}
使用的邊界崩潰你的桌子上標籤:
table {
border-collapse: collapse;
}
這將確保你的邊界並不在雙方見面的地方增加了一倍。如果仍然看起來太暗,只需使用較淺的邊框顏色即可。
嘗試這種情況: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;
}
樣式的td和th元素
td, th {
border: 1px solid black;
}
和細胞之間沒有間隔使用:
table {
border-collapse: collapse;
}
查看jsFiddle例子:
打我一分鐘,touche和小提琴啓動! –