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

創(chuàng)新互聯(lián)建站是一家以成都網(wǎng)站建設公司、網(wǎng)頁設計、品牌設計、軟件運維、營銷推廣、小程序App開發(fā)等移動開發(fā)為一體互聯(lián)網(wǎng)公司。已累計為玻璃鋼坐凳等眾行業(yè)中小客戶提供優(yōu)質(zhì)的互聯(lián)網(wǎng)建站和軟件開發(fā)服務。

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

CSS 能夠?qū)W(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簡寫屬性：

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

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

注釋：允許使用負值。

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

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

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

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

什么是css

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

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

本文標題：css怎么設置li間距
轉(zhuǎn)載來于：http://chinadenli.net/article10/pghddo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供自適應網(wǎng)站、靜態(tài)網(wǎng)站、、用戶體驗、建站公司、品牌網(wǎng)站建設

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)