Dreamweaver怎麼設定html網頁段落行間距? Dreamweaver中設計網頁的時候,發現文字段落間的行間距不適合,想要調節一下,下面我們就來看看詳細的教程,需要的朋友可以參考下
Dreamweaver設計出的網頁文字下線時不是很舒服,想要調整文字的行間距,該怎麼調整呢?下面我們就來看看詳細的教學。
軟體名稱:
#Adobe Dreamweaver CC 2017 v17.0 中文破解版(附破解補丁) 64位元
#軟體大小:
758MB
新建一個html頁面,並儲存到桌面上。
3、我們在html頁面中敲入一個p標籤,並輸入一些文字,然後給p標籤中的文字設定一些樣式。
4、按下F12,我們將在火狐瀏覽器中查看已做好的頁面。我們會發現,雖然只有三個段落,但段落之間的間距是很大的。
5、在火狐瀏覽器中按下F12,使用Firebug查看頁面元素,我們發現p標籤的上下有很大的間距
6、那麼這些間距是怎麼形成的呢?其實是html的段落有著自己的margin值#,預設不是非零狀態。我們就需要在html中將p標籤的margin值設為0。在瀏覽器中重新整理頁面,可以看到段落之間的間距縮小了。
7、我們再使用firebug進行查看,發現之前在段落上下的黃色部分也沒有了。這也表示我們的段落已經沒有了margin值。段落間距達0了。
以上是Dreamweaver中設定html網頁段落行間距的方法指導的詳細內容。更多資訊請關注PHP中文網其他相關文章!