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