CSS是網頁設計中非常重要的一部分,可以用它美化頁面,讓頁面更加優雅美觀。在表格中,表頭也是需要用CSS來處理的,今天我們就來學習一下如何使用CSS來美化表格表頭。
table { border-collapse: collapse; /*合并表格邊框*/ width: 100%; /*設置表格寬度*/ background-color: #f7f7f7; /*設置表格背景顏色*/ font-size: 16px; /*設置字體大小*/ text-align: center; /*設置文本居中*/ } th { background: #eaeaea; /*設置表頭背景色*/ font-weight: bold; /*設置表頭字體粗細*/ border: 1px solid #ddd; /*設置表頭邊框*/ padding: 10px; /*設置表頭填充*/ }
上面的代碼中,我們使用了border-collapse
屬性來合并表格邊框,使表格更加整潔。接下來,我們設置了表格的寬度和背景顏色,并設置了字體大小和文本居中。
在表頭的CSS中,我們設置了背景色、字體粗細和邊框,還設置了填充,讓表頭看起來更加美觀。
當然,上面的代碼只是一個簡單的示例,我們還可以根據需要來自定義表頭的CSS樣式,滿足個性化需求。
上一篇css2468直播間