CSS的列表樣式在網頁設計中是很常見的。很多時候設計師希望在有序或無序列表中添加分割線,以區分每一項內容。這時我們就可以通過CSS中的border屬性來實現。
/* 為有序列表添加分割線 */ ol li { border-bottom: 1px solid #ccc; } /* 為無序列表添加分割線 */ ul li { border-bottom: 1px solid #ccc; }
以上代碼中我們使用border-bottom屬性來為每一項添加下邊框線,寬度為1像素,顏色為#ccc(灰色)。你可以根據自己的喜好和需要,在CSS中調整這些值來滿足不同的設計需求。
使用這種方式添加分割線,可以有效地將每個列表項與其他內容分離開來,提高網頁的可讀性和美觀度。