最简单的CSS实现的细线表格
成功志
最简单的CSS实现的细线表格
2012-2-21 ok12

最简单的CSS实现的细线表格


<style type="text/css">

#table { border:1px #CCC solid; border-top:none; border-left:none }

#table td{ border:1px #CCC solid; border-right:none; border-bottom:none }

</style>

<table id="table" cellpadding="0" cellspacing="0">

 <tr>

  <td>最简单的CSS实现的细线表格</td>

  <td>注意要加上这个cellpadding="0" cellspacing="0"</td>

  <td>细线表格</td>

       </tr>

        <tr>

  <td>细线表格</td>

  <td>细线表格</td>

  <td>细线表格</td>

       </tr>

</table>


 


另一实现方法


<style>

table { background-color:#CCC; color:#666;}/*#CCC 就是细线颜色*/

td { background-color:#fff}

</style>

<table border="0" cellspacing="1" cellpadding="2">

  <tr>

    <td>细线表格</td>  <td>细线表格</td><td>细线表格</td>

  </tr>

  <tr>

    <td>细线表格</td><td>细线表格</td><td>细线表格</td>

  </tr>

</table>

发表评论:
昵称

邮件地址 (选填)

个人主页 (选填)

内容