首頁 > web前端 > H5教程 > Dreamweaver中設定html網頁段落行間距的方法指導

Dreamweaver中設定html網頁段落行間距的方法指導

巴扎黑
發布: 2017-08-07 15:10:11
原創
6248 人瀏覽過

Dreamweaver怎麼設定html網頁段落行間距? Dreamweaver中設計網頁的時候,發現文字段落間的行間距不適合,想要調節一下,下面我們就來看看詳細的教程,需要的朋友可以參考下

Dreamweaver設計出的網頁文字下線時不是很舒服,想要調整文字的行間距,該怎麼調整呢?下面我們就來看看詳細的教學。


  • 軟體名稱:

  • #Adobe Dreamweaver CC 2017 v17.0 中文破解版(附破解補丁) 64位元

  • #軟體大小:

  • 758MB

  • ## 更新時間:

  • 2016-11-05

#1、首先我們需要開啟自己的電腦,然後找到Dreamweaver軟體的快速鍵。我們雙擊快捷鍵開啟軟體。

2、然後我們點選最上面的檔案下拉選單中的

新建一個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中文網其他相關文章!

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