日期:2014-04-01  浏览次数:21187 次

网页制造aiyiweb文章简介:css教程:实现符合Web标准的细线表格.

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!