精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
  • 让你的网站产生收益赚钱,有博客和网站的绝对不能错过
  • 将指定的流量带到你的网站,为你站增加有效的访客,为你提升业绩
  • CSS制作符合网站标准的细线表格

    来源:jluvip 时间:08-03-04 点击: 点击这里收藏本文

    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!


    广而告之