水平線對於制作網頁的朋友來說一定不會陌生，它在網頁的版式設計中是非常有作用的，可以用來分隔文本和對象。在Dreamweaver中依次點擊“插入→標准”，然後單擊“水平線”按鈕即可添加一條水平線。Html代碼為〈 hr〉。
在網頁設計過程中，如果隨意利用缺省水平線，常常會出現插入的水平線與整個網頁顏色不協調的情況。打開水平線屬性面板也只有寬、高、對齊以及陰影方面的設置，沒有對水平線顏色的設置，怎麼辦? 其實，你只要仔細看一下水平線的屬性設置面板，就會發現一個“快速標簽編輯器”，點擊此標簽並在後面輸入“color=顏色”。這裡的“顏色”可以是任何顏色，一般格式為：〈 hr color=#FF0000〉。
用這個方法設置後，在Dreamweaver中無法直接看到效果，我們可以點擊“F12”鍵，在浏覽器裡浏覽水平線的顏色變化。
小技巧：諸如“#FF0000”這樣的顏色代碼對於初級朋友來說不容易分辯，你可以這樣做：給網頁中的字體加上顏色此顏色是你想給水平線所要加的顏色 ，然後把顏色代碼復制並粘貼到水平線的“快速標簽編輯器”即可