在HTML中,table元素中的th是表頭,一般用于標識一列數據的含義。在樣式設計中,經常需要對th進行樣式設置。這時就需要使用CSS的選擇器對th進行樣式設置了。
/* 所有th樣式設置 */ th { background-color: yellow; font-weight: bold; text-align: center; } /* 指定某個table中的th樣式設置 */ #my-table th { background-color: green; color: white; } /* 指定某個table中的某列th樣式設置 */ #my-table th:nth-child(2) { background-color: red; }
以上代碼分別演示了針對所有th、指定某個table中的th、指定某個table中的某列th進行樣式設置的方法。
通過CSS的選擇器,可以對th進行更加具體的樣式設置,使表格更加美觀、易讀。
上一篇css對痘痘管用嗎
下一篇css容器背景設置圖片