css中table的caption，thead
程序员文章站
2024-03-14 11:53:52
...
<style>
table {
/* 设置边框宽度 线段类型 颜色 */
border: 1px solid #000;
/* 将边框合并 */
border-collapse: collapse;
/* 居中 */
margin: 0 auto;
}
/* th默认加粗 */
td,th {
font-size: 32px;
padding: 50px;
border: 1px solid #000;
}
caption {
font-size: 30px;
font-weight: 700;
margin-bottom: 30px;
}
</style>
</head>
<body>
<table>
<caption>我是一个表格</caption>
<thead>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
</tbody>
</table>
</body>
caption有一些默认样式