CSS表格代碼如何添加邊框
在CSS中,可以使用border
屬性為表格添加邊框。border
屬性可以指定邊框的粗細(xì)、樣式和顏色,以下是一個示例:
table { border: 1px solid black; }
上述代碼將為表格添加一條1像素寬、樣式為實線、顏色為黑色的邊框,可以根據(jù)需要調(diào)整邊框的粗細(xì)、樣式和顏色。
除了border
屬性外,還可以為表格的單元格添加邊框,可以為表格中的每個單元格添加一條2像素寬的邊框:
table td { border: 2px solid black; }
上述代碼將為表格中的每個單元格添加一條2像素寬、樣式為實線、顏色為黑色的邊框。
還可以為表格的表頭添加邊框,以區(qū)分表格的標(biāo)題行和其他行:
table th { border: 1px solid black; background-color: #f0f0f0; }
上述代碼將為表格的表頭添加一條1像素寬、樣式為實線、顏色為黑色的邊框,并將表頭的背景顏色設(shè)置為灰色。
通過以上示例,您可以輕松地使用CSS為表格添加邊框,使表格更加美觀和易讀。