在CSS中,可以使用margin
屬性來(lái)設(shè)置li
元素之間的間距。margin
屬性用于定義元素外部的空間,即元素與其周圍元素的距離。
如果你想設(shè)置li
元素之間的垂直間距為20像素,可以使用以下CSS代碼:
li { margin-top: 20px; margin-bottom: 20px; }
這段代碼將li
元素的上下間距都設(shè)置為20像素,如果你希望li
元素之間的水平間距也為20像素,可以添加margin-left
和margin-right
屬性:
li { margin-top: 20px; margin-bottom: 20px; margin-left: 20px; margin-right: 20px; }
如果你想讓所有的列表項(xiàng)(包括首項(xiàng)和末項(xiàng))之間都有相同的間距,可以使用通配符來(lái)設(shè)置所有列表項(xiàng)的間距:
li * { margin-top: 20px; margin-bottom: 20px; margin-left: 20px; margin-right: 20px; }
如果你使用的是內(nèi)聯(lián)列表(如<ul>
或<ol>
),則需要在li
元素外部再包裹一層元素,如<div>
或<section>
,以便設(shè)置間距。