在CSS中,可以使用border
屬性為表格添加邊框。border
屬性可以設(shè)置一個(gè)表格元素的邊框?qū)挾?、邊框顏色和邊框樣式?/p>
以下代碼將為表格添加寬度為2像素、顏色為黑色、樣式為實(shí)線的邊框:
table { border: 2px solid black; }
在border
屬性中,***個(gè)值表示邊框?qū)挾?,第二個(gè)值表示邊框顏色,第三個(gè)值表示邊框樣式,除了實(shí)線樣式solid
,還有虛線樣式dashed
、點(diǎn)線樣式dotted
等。
如果想要單獨(dú)設(shè)置表格每個(gè)單元格的邊框,可以使用border-collapse
屬性,該屬性可以指定相鄰單元格的邊框是否合并,如果設(shè)置為separate
,則每個(gè)單元格的邊框都是獨(dú)立的;如果設(shè)置為collapse
,則相鄰單元格的邊框會(huì)合并在一起。
以下代碼將設(shè)置表格每個(gè)單元格的邊框?qū)挾葹?像素、顏色為黑色、樣式為實(shí)線,并且相鄰單元格的邊框會(huì)合并在一起:
table { border-collapse: collapse; border: 2px solid black; }
通過(guò)以上方法,可以在CSS中輕松地設(shè)置表格的邊框。