CSS中的li間距 在HTML中，我們常常使用無序列表(ul)或者有序列表(ol)來呈現一些內容，例如網站導航、商品清單等。而在CSS中，我們可以對列表項(li)的樣式進行定制，比如設置字體、顏色、背景等。但是，如何設置列表項之間的間距呢？下面將為大家介紹幾種常見的設置方法。 方法一：使用margin 可以為li元素設置margin屬性來控制列表項之間的間距。例如，我們可以在css文件中這樣設置： pre { background-color: #f8f8f8; padding: 10px; font-size: 14px; line-height: 1.4; border: 1px solid #ccc; border-radius: 3px; } ul li { margin-bottom: 10px; } 上述代碼中，設置了ul li元素的margin-bottom為10px，表示每個列表項之間的間距為10px。 方法二：使用padding 還可以為ul元素設置padding屬性，從而控制列表項之間的間距。例如： ul { padding: 10px 0; } li { margin: 0; } 上述代碼中，我們設置了ul元素的padding為10px，同時為li元素設置了margin為0，這樣就可以使每個列表項之間的間距為10px。 方法三：使用border 也可以使用border屬性來設置列表項之間的間距，例如： ul { border-bottom: 10px solid white; } li { margin: 0; } 上述代碼中，我們為ul元素設置了border-bottom為10px實線白色邊框，這樣就使每個列表項之間相隔10px。 方法四：使用偽元素 還可以使用偽元素(::before 或 ::after)來為列表項之間添加間距。例如： ul li::after { content: ""; display: block; height: 10px; } 上述代碼中，使用偽元素::after添加了一個10px高度的空塊，這樣就使每個列表項之間相隔10px。 以上就是常見的幾種設置列表項之間間距的方法。大家可以選擇適合自己的方式進行定制，使列表更具有美感和可讀性。