首頁 > web前端 > css教學 > html段間距怎麼設定

html段間距怎麼設定

云罗郡主
發布: 2018-11-23 13:44:16
原創
36494 人瀏覽過

html段落間距怎麼設定? html設定段落間距方法,很多人在學習製作網頁的時候,可能會遇到要設定段間距,下面我們來總結html段間距怎麼設定?

v 8.png

在html中,文章段一般都是使用P標籤進行分段,在使用p標籤的時候,上下段落之間就會產生一點的距離,那麼我們要怎麼控制段落之間的距離呢,一般我們都是透過css來設定段落之間的距離。

1.行高屬性:line-height

line-height屬性可以對設定段落之間的距離,一般數值越大,段落之間的間距就越大,當然字和字的距離也是變大,很多時候,我們通常不會使用line-height屬性來設定。

程式碼如下:

p{line-height:30PX}

#2.內邊距進行補白

html段間距也可以使用padding對段落之間的距離進行設置,對上下進行內補白,從而實現段落之間的距離設置。程式碼如下:

P{dading:30px 0}

#3.對外邊距margin的設定

我們都會margin應該不是很陌生,其實只要我們設定margin的上下左右邊距和物件之間的距離,就可以實現上下段落之間的距離。文法如下:

p{margin:30px 0}

在文章段落中,分段一般都是p標籤,想實現段落之間的距離,我們一般使用maring和dadding這兩種方式,可以輕鬆實現段落之間的距離。

以上就是html段間距怎麼設定的全部介紹,如果你想了解更多有關CSS3教學,請關注php中文網。


以上是html段間距怎麼設定的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板