CSS樣式是用于美化網頁的一種技術手段,其中,th與td是HTML表格中最常見的標記。在CSS中,我們可以為它們設置不同的樣式,使得表格更加美觀、易讀。
/* 設置表格的邊框顏色、寬度和樣式 */ table { border: 1px solid #ccc; border-collapse: collapse; /* 合并邊框 */ } /* 設置表頭單元格的樣式 */ th { background-color: #f2f2f2; /* 設置背景色 */ font-weight: bold; /* 設置字體加粗 */ padding: 8px; /* 設置內邊距 */ } /* 設置表格數據單元格的樣式 */ td { border: 1px solid #ccc; /* 設置邊框 */ text-align: center; /* 設置居中對齊 */ padding: 8px; /* 設置內邊距 */ }
在上面的代碼中,我們首先為表格設置了邊框的樣式,使得它看起來更加清晰。然后,針對表頭單元格(th)和表格數據單元格(td),分別設置了不同的樣式。其中,表頭單元格的背景色為淡灰色,字體加粗,內邊距為8像素;表格數據單元格的邊框顏色為灰色,居中對齊,內邊距也為8像素。
通過以上設置,我們可以讓表格在視覺上更加清晰、直觀,使得用戶更容易閱讀和理解表格內容。
上一篇css把邊框調為圓弧