css如何設定li間距

在css中，可以使用margin屬性設定li間距，只需要給元素設定「margin:數值 單位|百分比數值」即可。 margin屬性設定一個元素所有外邊距的寬度，或設定各邊上外邊距的寬度。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支援幾乎所有的字體字號樣式，擁有對網頁物件和模型樣式編輯的能力。

css可以使用margin簡寫屬性來設定li標籤的外邊距來使li間距增大，margin簡寫屬性在一個宣告中設定所有外邊距屬性。該屬性可以有1到4個值。

li標籤預設間距如下：

• 第一個li
• 第二個li
• 第三個li

效果如下：

css讓li間距增加：

li{
width: 300px;
height: 30px;
margin: 20px 0;
}

效果如下：

margin簡寫屬性：

這個簡寫屬性設定一個元素所有外邊距的寬度，或是設定各邊上外邊距的寬度。

區塊級元素的垂直相鄰外邊距會合併，而行內元素其實不佔上下外邊距。行內元素的左右外邊距不會合併。同樣地，浮動元素的外邊距也不會合併。允許指定負的外邊距值，不過使用時要小心。

註解：允許使用負值。

屬性值：auto 瀏覽器計算外邊邊距。

length 規定以具體單位計的外邊距值，例如像素、公分等。預設值是 0px。

% 規定基於父元素的寬度的百分比的外邊距。

inherit 規定應該從父元素繼承外邊距。

以上是css如何設定li間距的詳細內容。更多資訊請關注PHP中文網其他相關文章！