rules的groups,是在使用了<thead>等标签下才能实现吗?删去,表格上没有内边框线
来源:2-9 表格属性(1)
慕设计6170877
2020-05-15 11:49:34
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表格属性</title>
<body>
<table border="6" width="500px" bgcolor="#f2f2f2" cellspacing="0" cellpadding="5px" frame="lhs" rules="groups">
<caption>前端工程师平均工资</caption>
<!-- <thead>表头 -->
<tr>
<th>城市</th>
<th>2014年</th>
<th>2014年</th>
<th>2015年</th>
<th>2016年</th>
</tr>
<tr>
<th>城市</th>
<th>上半年</th>
<th>下半年</th>
<th>2015年</th>
<th>2016年</th>
</tr>
<!-- </thead> -->
<!-- <tbody>主体 -->
<tr>
<td>北京</td>
<td>8000</td>
<td>6000</td>
<td>10000</td>
<td>12000</td>
</tr>
<tr>
<td>上海</td>
<td>9000</td>
<td>7000</td>
<td>8000</td>
<td>10000</td>
</tr>
<!-- </tbody> -->
<!-- <tfoot>脚注 -->
<tr>
<td>合计</td>
<td>17000</td>
<td>13000</td>
<td>18000</td>
<td>22000</td>
</tr>
<!-- </tfoot> -->
</table>
</body>
</html>
1回答
同学你好,可以这么理解。thead等标签会清晰的分开表格的行组和列组,所以添加该属性有效果。
不过实际中rules属性不太常用,同学了解即可。
祝学习愉快~
相似问题