- 新手學Dreamweaver CS6+Flash CS6+Photoshop CS6網頁設計
- 鼎翰文化編著
- 541字
- 2018-12-30 21:28:08
實例03 插入彩色的水平線

案例說明:水平線用于分隔網頁中的不同內容,網頁中的水平線可以將網頁劃分成幾個不同的頁面。在網頁中插入水平線時,水平線的默認顏色都是黑色,無法直接插入其他顏色的水平線,這樣就會出現插入的水平線與整個網頁顏色不協調的情況。如果需要其他顏色的水平線,就需要在插入水平線后進行設置。
光盤文件:光盤\源文件與素材\01章\插入彩色的水平線
操作步驟
1 放置光標。將光標置于網頁中兩幅圖像的中間。

2 插入水平線。選擇“插入→HTML→水平線”命令,便會在光標所在位置處插入一條水平線。

3 設置水平線。選擇剛剛插入的水平線,在“屬性”面板中的“寬”、“高”文本框中分別輸入水平線的寬度與高度,這里分別輸入“750”與“9”,在“對齊”下拉列表中選擇水平線的對齊方式,這里選擇“居中對齊”選項。

4 添加代碼。在“屬性”面板中單擊按鈕,打開快速標簽編輯器。在快速標簽編輯器中對其參數進行<hr color="# xxxxxx" />設置就可以改變水平線的顏色,其中“#xxxxxx”是所需顏色的色標值。例如,在快速標簽編輯器中輸入“hr color=" # #FF0000"”。表示插入紅色的水平線。

5 保存文件。選擇“文件→保存”命令,彈出“另存為”對話框,在“保存在”下拉列表中選擇文件保存的位置。在“文件名”文本框中輸入保存文件的名稱,完成設置后單擊按鈕。

6 瀏覽網頁。按下【F12】鍵瀏覽網頁。
