CSS教程:實現符合Web標准的細線表格
隨著應用CSS網頁布局構建網頁,
以及web標准的廣泛普及與發展,
表格漸漸被人們遺忘,
但是表格還是有它優秀的一面,
數據處理用表格的確省了不少麻煩!
這個是細表格的代碼,並且通過了標准驗證!
table{
border:1px solid #000;
border-width:1px 0 0 1px;
margin:2px 0 2px 0;
text-align:center;
border-collapse:collapse;
}
td,th{
border:1px solid #000;
border-width:0 1px 1px 0;
margin:2px 0 2px 0;
text-align:left;
}
th{
text-align:center;
font-weight:600;
font-size:12px;
background-color:#F4F4F4;
}
<table width="236">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
table,td,th{
border:1px #000 solid;
border-collapse:collapse;
}
用最後這段代碼,很容易就可以實現。
經過測試,通過標准strict!