這篇文章主要介紹了css上下間距的設置方法,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
css設置上下間距的方法:1、使用“l(fā)ine-height:間距值;”樣式來設置上下間距;2、使用margin-top和margin-bottom屬性來設置上下間距;3、使用padding-top和padding-bottom屬性來設置。
1、使用line-height屬性設置上下間距
第一段
第二段
第三段
第四段
第一段
第二段
第三段
第四段
效果圖:
2、使用margin-top和margin-bottom屬性來設置上下間距
第一段
第二段
第三段
第四段
第一段
第二段
第三段
第四段
效果圖:
【 、html視頻教程】
3、使用padding-top和padding-bottom屬性來設置上下間距
第一段
第二段
第三段
第四段
第一段
第二段
第三段
第四段
效果圖:
感謝你能夠認真閱讀完這篇文章,希望小編分享的“css上下間距的設置方法”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián)網站建設公司,,關注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關知識等著你來學習!