CSS中有一種選擇器叫做th選擇器,它可以選擇 HTML 表格中的表頭元素。
table { border-collapse: collapse; } th { background-color: #f2f2f2; color: #333; font-weight: bold; text-align: left; padding: 8px; border: 1px solid #ddd; }
在上面的代碼中,我們首先使用了border-collapse: collapse;
將表格的邊框合并為一個單一的邊框。然后,我們使用th
選擇器為表頭元素設置了樣式。
我們設置表頭的背景顏色為#f2f2f2
,文字顏色為#333
,字體加粗,文本居左,設置內邊距為8px
,并且為表頭添加了1px
的邊框。這樣可以使表頭更加突出,便于用戶閱讀和理解表格中的內容。
總之,通過使用 th 選擇器,我們可以為表格的表頭元素添加樣式,讓它們更加美觀、易于理解。這對于數據呈現和數據分析非常有幫助。