您好,登錄后才能下訂單哦!
html中tbody標簽如何實現?這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容,讓我們一起來看看吧!
html tbody標簽用于組合HTML表格的主體內容,tbody元素應該與thead和tfoot元素結合起來使用。如果您使用thead、tfoot以及 tbody元素,您就必須使用全部的元素。
html tbody標簽怎么用?
作用:組合 HTML 表格的主體內容。
說明:tbody 元素應該與 thead 和 tfoot 元素結合起來使用。如果您使用 thead、tfoot 以及 tbody 元素,您就必須使用全部的元素。它們的出現次序是:thead、tfoot、tbody,這樣瀏覽器就可以在收到所有數據前呈現頁腳了。您必須在 table 元素內部使用這些標簽。
注釋:在默認情況下這些元素不會影響到表格的布局。不過,您可以使用 CSS 使這些元素改變表格的外觀。<thead> 內部必須擁有 <tr> 標簽!<thead>、<tbody> 以及 <tfoot> 很少被使用,這是因為糟糕的瀏覽器支持。
html tbody標簽使用示例
<html> <head> <style type="text/css"> thead {color:green} tbody {color:blue;height:50px} tfoot {color:red} </style> </head> <body> <table border="1"> <thead> <tr> <th>Month</th> <th>Savings</th> </tr> </thead> <tbody> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </tbody> <tfoot> <tr> <td>Sum</td> <td>$180</td> </tr> </tfoot> </table> </body> </html>
效果輸出:
感謝各位的閱讀!看完上述內容,你們對html中tbody標簽如何實現大概了解了嗎?希望文章內容對大家有所幫助。如果想了解更多相關文章內容,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。