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

最简单的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>

本博客所有文章如无特别注明均为原创。作者:sysdee复制或转载请以超链接形式注明转自 成功志
原文地址《最简单的CSS实现的细线表格
分享到:更多

相关推荐

发表评论

路人甲 表情
看不清楚?点图切换 Ctrl+Enter快速提交

网友评论(0)