ライン(水平線)[サンプル]


ライン(水平線)タグ [サンプル] コピペ用

ラインタグのサンプルを置いておきます。

ページの仕切りや、画像の上下に配置したり等、
HP、ブログ記事作りに、ご活用くださいませ。

見本のテーブルと、その下のテキストエリアにHTMLソースがあるので、
コピペして使用してください。

コピペ後のデザインのカスタマイズは自由です。
お好みでアレンジして使用してください。

 

 

 

 

【しましま】

ブルー


ソース

<table style=”border-style:solid; border-width:1 1 1 5px; border-color:#0033FF; background:#ffffff”><tr><td>ここに文字 </td></tr></table>

 

 

ブルーグリーン


ソース

<hr style=”background: #66FF99; border-color: #00FF99; border-style: dashed; border-width: 3px; width: 横幅;”>

 

 

黄緑系


ソース

<hr style=”background: #99FF33; border-color: #CCFF99; border-style: dashed; border-width: 3px; width: 横幅;”>

 

 

レッド


ソース

<hr style=”background: #FF6666; border-color: #FF0000; border-style: dashed; border-width: 3px; width: 横幅;”>

 

 

ピンク


ソース

<hr style=”background: #FF66FF; border-color: #FF00FF; border-style: dashed; border-width: 3px; width: 横幅;”>

 

 


ソース

<hr style=”background: #996699; border-color: #9900FF; border-style: dashed; border-width: 3px; width: 横幅;”>

 

 

群青色


ソース

<hr style=”background: #6666FF; border-color: #6600FF; border-style: dashed; border-width: 3px; width: 横幅;”>

 

 

ブルー


ソース

<hr style=”background: #99FF33; border-color: #CCFF99; border-style: dashed; border-width: 3px; width: 横幅;”>

 

 

空色


ソース

<hr style=”background: #99CCFF; border-color: #0099FF; border-style: dashed; border-width: 3px; width: 横幅;”>

 

 

アクアブルー


ソース

<hr style=”background: #99FFFF; border-color: #00CCFF; border-style: dashed; border-width: 3px; width: 横幅;”>

 

 

ライトブルー


ソース

<hr style=”background: #99FFFF; border-color: #00FFFF; border-style: dashed; border-width: 3px; width: 横幅;”>

 

 

ブルーグリーン


ソース

<hr style=”background: #009999; border-color: #00FF99; border-style: dashed; border-width: 3px; width: 横幅;”>

 

 

ライトグリーン


ソース

<hr style=”background: #669900; border-color: #66FF00; border-style: dashed; border-width: 3px; width: 横幅;”>

 

 

グリーン


ソース

<hr style=”background: #006600; border-color: #00CC00; border-style: dashed; border-width: 3px; width: 横幅;”>

 

 

【ぷっくり立体的な線】

アクアブルー


ソース

<hr style=”border-color: #00FFCC; border-style: ridge; border-width: 7px; width: 横幅;”>

 

 

パステルグリーン


ソース

<hr style=”border-color: #99FF99; border-style: ridge; border-width: 7px; width: 横幅;”>

 

 

ナチュラルグリーン


ソース

<hr style=”border-color: #CCFF99; border-style: ridge; border-width: 7px; width: 横幅;”>

 

 

レッド


ソース

<hr style=”border-color: #FF0000; border-style: ridge; border-width: 7px; width: 横幅;”>

 

 

ビビッドピンク


ソース

<hr style=”border-color: #FF00FF; border-style: dashed; border-width: 7px; width: 横幅;”>

 

 

バイオレット


ソース

<hr style=”border-color: #9900FF; border-style: ridge; border-width: 7px; width: 横幅;”>

 

 


ソース

<hr style=”border-color: #3300FF; border-style: ridge; border-width: 7px; width: 横幅;”>

 

グランブルー


ソース

<hr style=”border-color: #CCFF99; border-style: ridge; border-width: 7px; width: 横幅;”>

 

 

スカイブルー


ソース

<hr style=”border-color: #0099FF; border-style: ridge; border-width: 7px; width: 横幅;”>

 

 

アクアブルー


ソース

<hr style=”border-color: #00CCFF; border-style: ridge; border-width: 7px; width: 横幅;”>

 

 

ライトブルー


ソース

<hr style=”border-color: #00FFFF; border-style: ridge; border-width: 7px; width: 横幅;”>

 

 

ライトグリーン


ソース

<hr style=”border-color: #00FF99; border-style: ridge; border-width: 7px; width: 横幅;”>

 

 

ライムグリーン


ソース

<hr style=”border-color: #66FF00; border-style: ridge; border-width: 7px; width: 横幅;”>

 

 

グリーン


ソース

<hr style=”border-color: #00CC00; border-style: ridge; border-width: 7px; width: 横幅;”>

 

 

 

注)色名はカラーネームとは関係ありません。色のイメージから私が付けました。
タイトルとURLをコピーしました