JavaScript中的
<table> <thead> <tr> <th>姓名</th> <th>年齡</th> <th>城市</th> </tr> </thead> <tbody> <tr> <td>小明</td> <td>18</td> <td>上海</td> </tr> <tr> <td>小紅</td> <td>20</td> <td>北京</td> </tr> </tbody> </table>
在上面的代碼中,我們使用了
除了基本屬性之外,我們還可以使用CSS樣式設置
th{ background-color: #FFA500; color: #fff; font-size: 16px; }
這里,我們設置了表頭的背景色為橙色,文字顏色為白色,字體大小為16px。這樣設置之后,表頭在整個表單中就會比較顯眼,容易被讀者所注意到。
最后,需要注意的是,在一個表格中,我們可以設置多個
<table> <thead> <tr> <th rowspan="2">姓名</th> <th colspan="2">聯系方式</th> </tr> <tr> <th>電話</th> <th>郵箱</th> </tr> </thead> <tbody> <tr> <td>小明</td> <td>123456</td> <td>123456@qq.com</td> </tr> <tr> <td>小紅</td> <td colspan="2">沒有留下聯系方式</td> </tr> </tbody> </table>
在這個例子中,我們定義了一個帶有兩列子標題的表頭,其中第一列占據了兩行。在