示例代码
<style type="text/css">
table,
th,
td {
border: 1px solid #66A9FE;
}
table {
/* 表格边框合并，去除边框间空隙 */
border-collapse: collapse;
}
</style>
<body>
<table>
<caption>表格标题位置</caption>
<thead>
<tr>
<th>中国古代名人</th><th>朝代</th>
</tr>
</thead>
<tbody>
<tr>
<td>秦始皇</td><td>秦朝</td>
</tr>
<tr>
<td>项羽</td><td>秦朝</td>
</tr>
<tr>
<td>辛弃疾</td><td>南宋</td>
</tr>
</tbody>
</table>
</body>
效果展示
| 中国古代名人 | 朝代 |
|---|---|
| 秦始皇 | 秦朝 |
| 项羽 | 秦朝 |
| 辛弃疾 | 南宋 |
打赏作者
您的打赏是我前进的动力
微信
支付宝
outline属性的妙用技巧
上一篇
评论
