現(xiàn)在許多網(wǎng)頁設(shè)計都喜歡使用兩排間距來增加頁面的美觀性,而CSS就是最好的工具來實現(xiàn)這個效果。下面我來講解一下如何使用CSS調(diào)用兩排間距。
/* 首先需要先寫一個類名為double-margin的樣式 */ .double-margin { margin-top: 20px; margin-bottom: 20px; }
如上所示,我們先定義一個類名為double-margin的樣式,然后在需要使用兩排間距的元素上添加這個類名就可以了。
<p class="double-margin">這是需要使用兩排間距的段落1</p> <p class="double-margin">這是需要使用兩排間距的段落2</p> <p>這是沒有使用兩排間距的段落3</p> <p class="double-margin">這是需要使用兩排間距的段落4</p>
如上所示,我們在四個段落中只有第1、2、4個加上了double-margin這個類名,也就是只有它們之間有兩排間距。
通過這個方法,我們可以輕松的實現(xiàn)兩排間距的效果,提高網(wǎng)頁的美觀性。