html tfoot標(biāo)簽怎么用？
作用：定義表格的頁(yè)腳（腳注或表注）。該標(biāo)簽用于組合 HTML 表格中的頁(yè)腳內(nèi)容。
說(shuō)明：
tfoot 元素應(yīng)該與 thead 和 tbody 元素結(jié)合起來(lái)使用。thead 元素用于對(duì) HTML 表格中的表頭內(nèi)容進(jìn)行分組，而 tbody 元素用于對(duì) HTML 表格中的主體內(nèi)容進(jìn)行分組。
如果您使用 thead、tfoot 以及 tbody 元素，您就必須使用全部的元素。它們的出現(xiàn)次序是：thead、tfoot、tbody，這樣瀏覽器就可以在收到所有數(shù)據(jù)前呈現(xiàn)頁(yè)腳了。您必須在 table 元素內(nèi)部使用這些標(biāo)簽。
注釋?zhuān)簍head, tbody, 和 tfoot 元素默認(rèn)不會(huì)影響表格的布局。不過(guò)，您可以使用 CSS 來(lái)為這些元素定義樣式，從而改變表格的外觀。
html tfoot標(biāo)簽 示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
thead {color:green}
tbody {color:blue;height:50px}
tfoot {color:red}
</style>
</head>
<body>
<table border="1">
<thead>
<tr>
<th>商品</th>
<th>價(jià)格</th>
</tr>
</thead>
<tbody>
<tr>
<td>T恤</td>
<td>$80</td>
</tr>
<tr>
<td>襯衣</td>
<td>$100</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>夾克</td>
<td>$180</td>
</tr>
</tfoot>
</table>
</body>
</html>效果圖：
聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Copyright ? 2019-2024 51dongshi.com 版權(quán)所有
違法及侵權(quán)請(qǐng)聯(lián)系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬(wàn)商天勤律師事務(wù)所王興未律師提供法律服務(wù)
