码迷,mamicode.com
首页 > Web开发 > 详细

CSS实现细线表格

时间:2015-04-17 13:32:18      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:

做细线表格,用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>

CSS实现细线表格

标签:

原文地址:http://www.cnblogs.com/futbyte/p/4434331.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!