CSS中的ul和li是非常常見的列表標簽。這些標簽可以讓我們方便地創建無序列表和有序列表,使網頁內容更加組織有序。而橫線則可以幫助我們更好地區分列表元素。
ul { list-style: none; margin: 0; padding: 0; } li { margin-top: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
上面這段代碼中,我們首先對ul設置了樣式,將其列表風格設置為none,同時去除了默認的邊距和內邊距。接下來對li設置了樣式,讓它們之間有10px的上邊距,并在每個li元素下方添加了1px的灰色實線橫線,同時給最后一個li元素去掉了橫線.
li:last-child { border-bottom: none; }
上面這段代碼可讓最后一個li元素的橫線去掉,使列表更加清晰明了。
CSS中的ul li橫線可以幫助我們更好地組織列表元素,使網頁內容更加清晰、易讀。
上一篇css tr的顯示隱藏