Dreamweaverで点線の区切り線を挿入したい

Question

Dreamweaver8でHPを作成しています。通常の区切り線はHTMLのツールバーで挿入してプロパティインスペクタで長さや太さを編集できるとありますが、色々なwebページで見かける、段落と段落の間をちょっと区切るために入れるような、あの点線はどうやって挿入するのでしょうか・・・？分かるかた、どうぞ教えてください。よろしくお願いします。

dolphina · Accepted Answer

おそらくそういった点線は、スタイルシートで入力しているか、画像を置いていると思います。

スタイルシートに関して初心者として書いてしまいますが、
スタイルシートで入れる場合は、
・デザインというウィンドウの中の「CSSスタイル」タブをクリック　→
・そのウィンドウの下の方の４つ並んでいるボタンの中から、「新規CSSスタイル」をクリック　→
・名前を適宜つけて、「カスタムスタイルの作成（クラス）」と現在のドキュメントのみをクリック→
・カテゴリの中からボーダーを選択し、「スタイル」で「ドット」（点線）か「ダッシュ」（破線）を選択し、「幅」でどれかを選んでＯＫ→
（例、段落の下に入れたい場合は、.underline と名前をつけ、すべて同一のチェックを外し、「下」でダッシュを選び、細線を選ぶ）
・ページの適用したい段落のあたりをクリックすると、そのウィンドウのステータスバーに<body><p>と表示されると思いますので、<p>を右クリックし、クラス設定で先ほどつけた名前を選択すると、できあがり！
のはずです。

スタイルシートの使用方法に関しては、もっっっと細かいことがあるようですので、別途調べて下さい（私も勉強中(^^;)）。

私はDreamweaver6 を使用しているので、多少言葉が違うかも知れませんが、お貯めし下さい。

と表示されると思いますので、

を右クリックし、クラス設定で先ほどつけた名前を選択すると、できあがり！のはずです。スタイルシートの使用方法に関しては、もっっっと細かいことがあるようですので、別途調べて下さい（私も勉強中(^^;)）。私はDreamweaver6 を使用しているので、多少言葉が違うかも知れませんが、お貯めし下さい。

mr_kjapan · Answer

ちなみにですが、あいうえおかきくけこで、「あいうえおかきくけこ」の下に赤い点線が、あいうえおかきくけこで、「あいうえおかきくけこ」の下に赤い破線が、入ります。 border-bottom　下に線を入れる border-top　上に線を入れる border-left　左に線を入れる border-right　右に線を入れる border:red dashed 2px とすると囲んでしまう red dashed 2px　の部分（色、線の種類、線の大きさ）色は、red、purple、#ff0000、#ffff00など線の種類は、dottedが点線で、dashedが破線、solidが１本線などあいうえおかきくけことすると、「あいうえおかきくけこ」の下に、線幅200pxの赤い破線が引かれます。 width　線幅で、線幅500pxの赤い破線が引かれます大まかですが、多にも方法は有ろうと思います

sutead_02 · Answer

罫線や区切り線にはスタイルシートが適用できます。
区切り線のタグ「ＨＲ」を点線にするなら、「border-style: dashed;」というようにスタイルシートで定義します。

詳しくは、下記のサイトが参考になると思います。

参考URL：http://css.eweb-design.com/1303_thr.html

Dreamweaverで点線の区切り線を挿入したい

おそらくそういった点線は、スタイルシートで入力しているか、画像を置いていると思います。

ちなみにですが、

罫線や区切り線にはスタイルシートが適用できます。

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング