CSS控制li之間的距離在網(wǎng)頁(yè)設(shè)計(jì)中是至關(guān)重要的,因?yàn)樗梢宰屛覀兊捻?yè)面更具有可讀性。下面我們將介紹一些常用的方法。
/* 方法一:使用margin */ ul li { margin-bottom: 10px; } /* 方法二:使用padding */ ul li { padding-bottom: 10px; } /* 方法三:使用border */ ul li { border-bottom: 10px solid transparent; } /* 方法四:使用偽類(lèi) */ ul li:not(:last-child) { margin-bottom: 10px; }
以上都是比較常見(jiàn)的方法,我們可以根據(jù)具體的需求來(lái)選擇不同的方法。需要注意的是,我們要保證各個(gè)li之間的距離是一致的,這樣能夠讓頁(yè)面更加美觀。