CSS 中的 table 標簽常被用來展示多行和列的數據,而 th 單元格可以用來顯示表格的標題。
與 td 標簽相比,th 單元格有著不同的默認樣式,通常會側重于加粗和居中文本。但這些樣式并不一定符合你的需要,因此使用 CSS 可以對 th 單元格進行個性化設置。
th { /* 設置字體加粗 */ font-weight: bold; /* 設置文本居中 */ text-align: center; /* 添加背景色 */ background-color: #f5f5f5; /* 設置字體大小 */ font-size: 16px; /* 設置文本顏色 */ color: #333; /* 設置單元格邊框 */ border: 1px solid #ccc; }
如上所示,本例中樣式的順序與實現無關,但是前后順序通常會依據對 web 開發者而言更加易讀的方式進行設置。
值得注意的是,在使用 th 標簽時,只有一個 th 單元格會被當作標題。在多個單元格中想要設置不同的樣式需要分別對各個單元格進行樣式設置,或使用對應的 class 或 id 對它們進行選擇。
總體上來講,個性化設置 th 樣式既可以優化網頁的視覺效果,也能夠提升網頁的可讀性和易用性。