Dreamweaverで線を引く方法ですが、横に長い区切り線以外は面倒です。

横罫線を引くには

<hr>タグを段落と段落の間に入れてみましょう。
これが一番簡単です。

縦罫線を引くには

縦の区切り線のタグがないようなので、縦線の画像を張り付けたり、CSSのボーダーを利用するようです。

点線を引くには

hrタグのborderプロパティ4辺にdashedを指定します。色・線幅はお好みに応じてとなります。
横の区切り線で有効です。

テーブルの罫線を利用する方法

幅1pxの線のテーブルを引く方法を書いておきます。

table {                       /*テーブルタグについて指定*/
border-collapse:separate; /*ボーダーを分離して表示*/
border:0px;               /*ボーダーを0ピクセル*/
border-spacing:1px;       /*セル間隔を1ピクセル*/
background-color:#00ff00; /*背景色を緑にする*/
}
td,th {                       /*通常セルと見出しセルについて指定*/
padding:5px;              /*セル余白5ピクセル*/
border:0px;               /*セルボーダー0ピクセル*/
background-color:#ffffff; /*セル背景色を白*/
}

広告

関連コンテンツ