在css中,可以使用margin屬性設(shè)置li間距,只需要給元素設(shè)置“margin:數(shù)值+單位|百分比數(shù)值”即可。margin屬性設(shè)置一個元素所有外邊距的寬度,或者設(shè)置各邊上外邊距的寬度。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
CSS 能夠?qū)W(wǎng)頁中元素位置的排版進行像素級精確控制,支持幾乎所有的字體字號樣式,擁有對網(wǎng)頁對象和模型樣式編輯的能力。
css可以使用margin簡寫屬性設(shè)置li標簽的外邊距來使li間距增大,margin簡寫屬性在一個聲明中設(shè)置所有外邊距屬性。該屬性可以有1到4個值。
li標簽?zāi)J間距如下:
- 第一個li
- 第二個li
- 第三個li
效果如下:
css讓li間距增大:
li{ width: 300px; height: 30px; margin: 20px 0; }
效果如下:
margin簡寫屬性:
這個簡寫屬性設(shè)置一個元素所有外邊距的寬度,或者設(shè)置各邊上外邊距的寬度。
塊級元素的垂直相鄰?fù)膺吘鄷喜?,而行?nèi)元素實際上不占上下外邊距。行內(nèi)元素的的左右外邊距不會合并。同樣地,浮動元素的外邊距也不會合并。允許指定負的外邊距值,不過使用時要小心。
注釋:允許使用負值。
屬性值:auto 瀏覽器計算外邊距。
length 規(guī)定以具體單位計的外邊距值,比如像素、厘米等。默認值是 0px。
% 規(guī)定基于父元素的寬度的百分比的外邊距。
inherit 規(guī)定應(yīng)該從父元素繼承外邊距。