在dreamweaver中，假如插入 horizontal rule (水平線)，默認(rèn)情況下這根線只是灰色，在很多情況下，這并不符合我們的要求。假如想要插入其他顏色的直線(甚至細(xì)到一個(gè)像素)，該怎么辦呢?

　　首先,在document window(網(wǎng)頁(yè)編輯窗口)中的適當(dāng)位置，插入horizontal rule，

　　按ctrl f3 調(diào)出 property inspector(屬性面板)，

　　在這個(gè)屬性面板中，把shading(陰影)前的勾去掉。在w中輸入像素值(pixels)或者百分比，可以設(shè)置這條線的長(zhǎng)度。在h中，輸入1，都可以使這根線變得很細(xì)，細(xì)到一個(gè)像素。假如想要的是粗線，可以在h中，輸入更大的值。這樣細(xì)線就插好了，但你會(huì)發(fā)現(xiàn)，這根線是灰色的，在屬性面板中，并不可以設(shè)置顏色。假如想要設(shè)置其他顏色，可以通過css來控制。在dreamweaver中可以非常輕易地設(shè)置css，你甚至完全不需要了解css的語法。

　　選擇text菜單下的css style | new style ，

　　在“new style (新樣式)”對(duì)話框中，在name(名稱)欄中輸入一個(gè)名稱，如"colorline"，并在define(定義)單選框中選擇“this document only(只用于此頁(yè))”，然后點(diǎn)ok。隨后會(huì)彈出的style definition for .colorline對(duì)話框:

　　在type項(xiàng)目中，選擇想要的顏色，比如說紅色，然后點(diǎn)ok，再點(diǎn)done，于是一個(gè)新的樣式就建好了。選定網(wǎng)頁(yè)編輯窗口中的細(xì)線，點(diǎn) text | css style | colorline(colorline就是剛才建立的那個(gè)新樣式)，在網(wǎng)頁(yè)編輯窗口中，線的顏色依然還是灰色，但按f12預(yù)覽，在瀏覽器中就可以看到所插入細(xì)線的顏色已經(jīng)變成了你想要的紅色。

　　還有一種辦法可以插入有顏色的細(xì)線,甚至細(xì)到一個(gè)像素.首先在網(wǎng)頁(yè)編輯窗口中插入一個(gè)一行一列的表格,然后在這個(gè)表格中插入一個(gè)1pixel × 1pixel的透明圖像(在dreameaver4中控制頁(yè)面布局所使用的spacer image正是這樣的圖像，所以假如你不會(huì)用軟件制作這樣的圖像，可在dreameaver4中如此生成：

　　object面板　　首先點(diǎn)選objiect面板的view 中的layout view(布局視圖)，再點(diǎn)draw layout table，在網(wǎng)頁(yè)編輯窗口中拖動(dòng)生成一個(gè)布局表格(layout table)，點(diǎn)表格頭的下拉菜單中的add spacer image，

　　創(chuàng)建并保存spacer image,這個(gè)spaceer image 就是一個(gè)1像素× 1像素的透明圖像)。然后在表格的屬性中設(shè)置為:h(高度)為1 pixel(1像素)，w(寬度)為想要的寬度(可輸入像素值或者百分比)，cellpad、 cellspace、border中都輸入0，然后在bg color(背景顏色)中選擇想要的顏色，帶顏色的水平細(xì)線就這樣被插入了。

　　假如把h值增大，那么這條線會(huì)變粗。假如要插入帶顏色的垂直細(xì)線，則把h設(shè)置為想要的高度值，w設(shè)置為0，其他設(shè)置同上，即可插入垂直細(xì)線。在網(wǎng)頁(yè)編輯窗口中,這的顏色仍是灰色的,但按f12預(yù)覽，在瀏覽器中就可以看到所插入的細(xì)線的顏色已經(jīng)變成了你想要的顏色。