<table >
<tr>
<td>姓名</td>
<td>代号</td>
<td>年龄</td>
</tr>
<tr>
<td>麒麟</td>
<td>kirin</td>
<td>28</td>
</tr>
<tr>
<td>麒麟</td>
<td>kirin</td>
<td>28</td>
</tr>
<tr>
<td>麒麟</td>
<td>kirin</td>
<td>28</td>
</tr>
</table>
// 用法一:完全用CSS样式控制table表格!
// 用法二:table表格标签自带有border属性和cellspacing及其他属性,也可以控制表格!
table {
width: 300px;
height: 300px;
// 注:必须设置border,border-collapse和border-spacing才会生效!
border: 1px solid #ff0000;
// border是设置为整体(collapse)还是设置为单独的(separate)
border-collapse: separate;
// 当border-collapse设置属性为separate时,border-spacing才会生效!
// 单独border之间的空隙距离!
border-spacing: 5px;
}
td {
text-align: center;
// 注:必须设置border,border-collapse和border-spacing才会生效!
border: 1px solid #ff0000;
// border是设置为整体(collapse)还是设置为单独的(separate)
border-collapse: separate;
// 当border-collapse设置属性为separate时,border-spacing才会生效!
// 单独border之间的空隙距离!
border-spacing: 5px;
}