CSS表格邊框線只顯示下邊框是Web開發(fā)中常見的一種需求,通常用于美化表格外觀,增加可讀性。
table { border-collapse: collapse; } td, th { border: none; border-bottom: 1px solid #ccc; }
上面的CSS代碼演示了如何設(shè)置表格中的單元格(td, th)邊框樣式,首先需要設(shè)置表格的邊框合并方式為collapse,這樣可以將相鄰單元格的邊框合并在一起。
其次,使用“none”值將單元格的所有邊框設(shè)置為不顯示,然后針對(duì)每個(gè)單元格設(shè)置只顯示下邊框的樣式,邊框?qū)挾葹?像素,顏色為灰色。
這種方式不僅簡(jiǎn)單易懂,而且具有較好的瀏覽器兼容性,可以滿足各種美化和展示需求。