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

来源:岁月联盟 编辑:zhu 时间:2008-03-06
CSS制作符合网站标准的细线表格内容简介:css教程:实现符合Web标准的细线表格 随着应用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!

图片内容