用纯CSS实现1像素表格
为了方便使用和修改统一的界面,我们常常采用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
[ 固定链接:http://blog.tanggaowei.com/2006/11/css1.html ]


