blog.TangGaowei.com

用纯CSS实现1像素表格

作者 Neot 写于 2006-11-17  | 1,884 次浏览 | 分类 » 软件开发 |

为了方便使用和修改统一的界面,我们常常采用CSS来定义页面的样式。1像素的表格是我们经常使用的,但是很多地方都是用HTML属性来实现的,用CSS来实现很难看到。于是,我参考一些资料,自己写了一段实现的代码:
<!– 样式定义 –>
<style type=”text/css”>
    TABLE.frmTable{
        border: 1px solid #CCCCCC;
        border-collapse:collapse;
    }
    TABLE.frmTable TD{
        border: 1px solid #CCCCCC;
    }
    </style>
<!– 引用样式,制作1像素表格 –>
<table class=”frmTable”>
        <tr>
          <td width=”75″>编号</td>
          <td width=”75″>0001</td>         
        </tr>
        <tr>
          <td width=”75″>类别</td>
          <td width=”75″>食品</td>
        </tr>
    </table>

源代码下载http://tanggaowei.googlepages.com/1px-table.html

[ 标签: css ]
[ 固定链接:http://blog.tanggaowei.com/2006/11/css1.html ]

发表评论


点击图片可以听验证码

订阅

 

手机访问

http://blog.tanggaowei.com/wap/

Google