水平線で仕切を作ってみよう

★☆楽天対応ホームページの小技集☆★

水平線で仕切を作ろう！！

単なる仕切
サンプル
タグ <HR>
説明

仕切の長さを変えてみよう
サンプル
タグ <HR　 width="200">
説明

仕切を太くしてみよう（陰付き）
サンプル
タグ <HR　 width="200" size="6">
説明 ｓｉｚｅ を指定します。

仕切を太くしてみよう（陰なし）
サンプル
タグ <HR　 width="200" noshade size="6">
説明 HRタグの中に noshade を埋め込みます。

仕切の位置を指定しよう
サンプル
（左寄り）
タグ <HR width="200" align="left">
サンプル
（中央）
タグ <HR width="200" align="center">
サンプル
（右寄り）
タグ <HR width="200" align="right">

仕切の色を変えてみよう
サンプル
タグ <HR width="200" noshade size="6" color="#80ff80">
説明 HRタグの中に color を埋め込みます。色サンプルはこちらへ！！

仕切の線を点々にしてみよう
サンプル
タグ <HR width="200" noshade size="3" color="#80ff80" style="border-style : dotted">
説明 HRタグの中に style を埋め込みます。 border-style で dotted を指定します。

仕切の線を点線にしてみよう
サンプル
タグ <HR width="200" noshade size="3" color="#80ff80" style="border-style : dashed">
説明 HRタグの中に style を埋め込みます。 border-style で dashed を指定します。

仕切の線を点線にしてみよう
サンプル
タグ <HR width="200" size="3" color="#80ff80" style="border-style : double">
説明 HRタグの中に style を埋め込みます。 border-style で double を指定します。




























© Rakuten Group, Inc.
X

Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
    Share by: