Dreamweaver では、水平ルール (水平線) を挿入すると、この線はデフォルトで灰色のみになり、多くの場合、これは要件を満たしません。他の色の直線を（ピクセルほどの細さでも）挿入したい場合はどうすればよいでしょうか。
まず、ドキュメントウィンドウ（Webページ編集ウィンドウ）の適切な位置に水平罫線を挿入し、
Ctrl + F3を押して表示します。プロパティインスペクターパネルを開きます)、
このプロパティ パネルで、シェーディングの前にあるボックスのチェックを外します。 W にピクセル値 (ピクセル) またはパーセンテージを入力して、この線の長さを設定します。 H に 1 を入力すると、この線を 1 ピクセルほどの非常に細くすることができます。線を太くしたい場合は、H に大きな値を入力します。このようにして細いワイヤーが挿入されますが、このワイヤーは灰色であり、プロパティパネルで色を設定できないことがわかります。他の色を設定したい場合は、CSS を通じて制御できます。 DreamWeaver での CSS の設定は非常に簡単で、CSS の構文を理解する必要さえありません。
「テキスト」メニューから「CSS スタイル | 新しいスタイル」を選択します。
[新しいスタイル] ダイアログ ボックスで、名前の列に「colorline」などの名前を入力し、[定義] ラジオ ボタンで [このドキュメントのみ] を選択し、[OK] をクリックします。 [.colorline のスタイル定義] ダイアログ ボックスがポップアップ表示されます。
タイプ プロジェクトで、必要な色 (赤など) を選択し、[OK]、[完了] の順にクリックすると、新しいスタイルが作成されます。 Web ページ編集ウィンドウで細い線を選択し、[テキスト] | [CSS スタイル] | [カラーライン] をクリックします (Web ページ編集ウィンドウでは、線の色はまだ灰色ですが、F12 キーを押してプレビューします)。ブラウザ上で、挿入された細い線の色が希望の赤に変わっていることがわかります。
1 ピクセルほどの細い色付きの細い線を挿入する別の方法もあります。まず、Web ページの編集ウィンドウに 1 行 1 列の表を挿入し、その表に 1 ピクセル × 1 ピクセルの透明な画像を挿入します (ページを制御します)。 dreameaver4 では、レイアウトで使用されているスペーサー画像はまさにそのような画像なので、ソフトウェアを使用してそのような画像を作成する方法がわからない場合は、dremeaaver4 で次のように生成できます。
[オブジェクト] パネルで、まず [オブジェクト パネルの表示] でレイアウト ビューをクリックし、次に [レイアウト テーブルの描画] をクリックし、Web ページ編集ウィンドウ内でドラッグしてレイアウト テーブルを生成し、テーブルのドロップダウン メニューで [スペーサーの追加] をクリックします。ヘッダー画像、
スペーサー画像を作成して保存します。このスペーサー画像は 1 ピクセル × 1 ピクセルの透明画像です)。次に、テーブルのプロパティを次のように設定します。H (高さ) は 1 ピクセル (1 ピクセル)、W (幅) は希望の幅 (ピクセル値またはパーセンテージを入力できます)、セルパッド、セルスペース、境界線に 0 を入力します。次に、Bg Color（背景色）で希望の色を選択すると、色付きの横細線が挿入されます。
H値を大きくすると線が太くなります。色付きの縦細線を挿入したい場合は、H を希望の高さの値に設定し、W を 0 に設定し、その他の設定は上記と同じで縦細線を挿入します。 Web ページ編集ウィンドウでは色はまだ灰色ですが、F12 を押してプレビューすると、挿入された細い線の色が希望の色に変わっていることがブラウザで確認できます。