css怎么設置li間距

今天小編給大家分享的是css怎么設置li間距，相信很多人都不太了解，為了讓大家更加了解，所以給大家總結了以下內容，一起往下看吧。一定會有所收獲的哦。

在css中，可以使用margin屬性設置li間距，只需要給元素設置“margin:數(shù)值+單位|百分比數(shù)值”即可。margin屬性設置一個元素所有外邊距的寬度，或者設置各邊上外邊距的寬度。

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

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

li標簽默認間距如下：

• 第一個li

• 第二個li

• 第三個li

效果如下：

css讓li間距增大：

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

效果如下：

margin簡寫屬性：

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

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

注釋：允許使用負值。

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

length 規(guī)定以具體單位計的外邊距值，比如像素、厘米等。默認值是 0px。

% 規(guī)定基于父元素的寬度的百分比的外邊距。

inherit 規(guī)定應該從父元素繼承外邊距。

什么是css

css是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言，主要是用來設計網(wǎng)頁的樣式，使網(wǎng)頁更加美化。它也是一種定義樣式結構如字體、顏色、位置等的語言，并且css樣式可以直接存儲于HTML網(wǎng)頁或者單獨的樣式單文件中，而樣式規(guī)則的優(yōu)先級由css根據(jù)這個層次結構決定，從而實現(xiàn)級聯(lián)效果，發(fā)展至今，css不僅能裝飾網(wǎng)頁，也可以配合各種腳本對于網(wǎng)頁進行格式化。

關于css怎么設置li間距就分享到這里了，希望以上內容可以對大家有一定的參考價值，可以學以致用。如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。