在CSS中,我們可以使用<caption>
元素來為表格添加標(biāo)題。在HTML中,<caption>
通常位于<table>
元素的第一個(gè)子元素位置。
<table> <caption>這是表格標(biāo)題</caption> <tr> <th>表頭1</th> <th>表頭2</th> </tr> <tr> <td>內(nèi)容1</td> <td>內(nèi)容2</td> </tr> </table>
在CSS中,我們可以使用caption-side
屬性來改變標(biāo)題的位置(默認(rèn)為上方),可以設(shè)置值為top
,bottom
,left
,right
。同時(shí),我們也可以使用text-align
屬性來對(duì)齊標(biāo)題文字。
table { caption-side: bottom; } caption { text-align: center; font-weight: bold; }
上述代碼將表格標(biāo)題置于表格底部,居中顯示,并設(shè)置了加粗字體。