在CSS樣式中,可以使用table元素來創(chuàng)建表格,并通過CSS樣式來美化表格的外觀,以下是一些關(guān)于如何在CSS樣式中寫table的示例代碼:
1、創(chuàng)建表格
在HTML中,使用table元素創(chuàng)建表格,如:
<table> <tr> <td>行1,列1</td> <td>行1,列2</td> </tr> <tr> <td>行2,列1</td> <td>行2,列2</td> </tr> </table>
2、美化表格外觀
在CSS中,可以使用各種樣式來美化表格的外觀,如設(shè)置表格的寬度、高度、邊框、背景色等,以下是一個簡單的示例:
table { width: 100%; height: 200px; border: 1px solid #000; background-color: #fff; }
3、表格標(biāo)題和表頭
在表格中,可以使用th元素來創(chuàng)建表頭,并使用樣式來設(shè)置表頭的外觀。
<table> <thead> <tr> <th>標(biāo)題1</th> <th>標(biāo)題2</th> </tr> </thead> <tbody> <tr> <td>行1,列1</td> <td>行1,列2</td> </tr> <tr> <td>行2,列1</td> <td>行2,列2</td> </tr> </tbody> </table>
在CSS中,可以使用樣式來設(shè)置表頭的外觀,如:
table thead { background-color: #f0f0f0; }
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。