CSS制作符合网站标准的细线表格

前端  /  管理员 发布于 7年前   196

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！