在網頁設計中,表格作為一種數據呈現的方式,使用頻率非常高。我們通常采用CSS樣式對表格進行美化,使其更加美觀和易讀。今天,我們來介紹一款簡約風格的表格模板,適用于數據展示類網頁。
.table { width: 100%; border-collapse: collapse; font-size: 14px; text-align: center; } .table th, .table td { border: 1px solid #ddd; padding: 8px; } .table th { background-color: #f7f7f7; font-weight: bold; } .table tr:nth-child(even) { background-color: #f2f2f2; }
該表格模板使用了CSS樣式對表格進行了美化,包括:
- 設置表格寬度為100%
- 設置表格邊框合并為collapse
- 設置表頭和單元格邊框寬度為1px、邊框樣式為實線、邊框顏色為#ddd
- 設置表頭背景色為#f7f7f7、字體加粗
- 設置奇數行的背景色為#f2f2f2
我們可以根據具體需求對該表格模板進行調整,例如改變字體大小和顏色、調整表格寬度等。使用這種簡約風格的表格模板,在滿足數據呈現需求的同時,還能提高網頁的整體美觀程度。