057548 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

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

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

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

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

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

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

仕切を太くしてみよう(陰なし)
サンプル
タグ <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-styledottedを指定します。

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

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





























© Rakuten Group, Inc.