你的位置:首页 > 网页设计

[网页设计]CSS实现细线表格


做细线表格,用border-collapse:collapse;定义在table中,然后对td做border:1px solid #f00;边框样式定义即可。 
例:
<style type="text/css">
table{
width:600px;
margin:0px auto;
font:Georgia 11px;
color:#333333;
text-align:center;
border-collapse:collapse;
}
table td{
border:1px solid #f00;
width:100px;
height:30px;
}
</style>

<table>
<tr>
   <td>codezone</td>
   <td>codezone</td>
   <td>codezone</td>
</tr>
<tr>
   <td>codezone</td>
   <td>codezone</td>
   <td>codezone</td>
</tr>
</table>