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

http://www.itjxue.com  2015-08-06 00:13  来源:未知  点击次数: 

css教程:实现符合Web标准的细线表格

  随着应用CSS网页布局构建网页,
  以及web标准的广泛普及与发展,
  表格渐渐被人们遗忘,
  但是表格还是有它优秀的一面,
  数据处理用表格的确省了不少麻烦!
  这个是细表格的代码,并且通过了标准验证!

Webjx.Com

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;
} Webjx.Com


<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!

(责任编辑:IT教学网)

更多

推荐CSS教程文章