水平線のスタイルを個別に指定する
サイト全体ではなく、その場かぎりで使用する水平線のスタイルを指定する方法。
水平線は以下のように指定します。
<hr style="color:#xxxxxx; height:xxx; width:xxx; border-style:xxx;">
color には水平線の色、height には水平線の太さ（高さ）、width には水平線の幅、border-style には水平線のタイプを指定します。
boarder-style には、以下のスタイルを指定できます。
dotted: 点線
dashed: 破線
solid: 実線（1 本線）
double: 実線（二重線）
width は% や px で指定します（100%、450px など）。
例 1: 赤色（#cc0000）、高さ 1px、幅 450px の点線の水平線
<hr style="color:#cc0000;height:1px;width:450px;border-style:dotted;">
例2: 青色（#89aaad）、高さ 2px、幅 450px の実線（1 本）の水平線
<hr style="color:#89aaad;height:2px;width:450px;border-style:solid;">
共通で使用する水平線はスタイルシートで指定します。例 2 の場合は以下のように指定。
hr
{
color: #89aaad;
height: 2px;
width: 450px;
border-style: solid;
}
- カテゴリー: HP/ブログの作成・カスタマイズ > ホームページ/ブログ全般
« 静的な普通の Web サイトで、メニューなどの共通パーツをモジュール化して挿入する | メイン（トップ）ページ | 携帯電話に送れるグリーティングカード »
|
ツイート | ||
|
関連記事
trackbacks
trackbackURL:
comments