ライン素材

ホームページやブログなどタイトルや文章に設けるライン素材を無料で配布しています。
当サイトの素材をご利用する前に、素材の利用条件をお読みください。

[TOP]

[１]　[２]　[桜のライン]　[音符のライン]　[星のライン]

鉛筆のライン素材、gif画像

※ラインの使用例

SampleStyle

CSSとＨＴＭＬ

<style type="text/css">
<!--
p.line{
     padding-top:15px;
     padding-bottom:10px;
     font-weight:bold;
     font-size:large;
     text-indent:1em;
     background-image:url("ライン素材のファイルパス");
     background-repeat:no-repeat;
}
-->
</style>

<p class="line">SampleStyle</p>

 

紅葉とモミジのライン、桜の花のライン、四葉のクローバーのライン、バラの花のライン、gif画像

　　　　　　　

使用例

SampleLine

<style type="text/css">
<!--
p.line{
     width:8em;/*ラインの横幅を変えるときはこの値を変更します*/
     padding-bottom:17px;
     text-indent:1em;
     background-image:url("ライン素材のファイルパス");
     background-repeat:repeat-x;
     background-position:bottom;
}
-->
</style>

<p class="line">SampleLine</p>

 

[１]　[２]　[桜のライン]　[音符のライン]　[星のライン]

ライン素材は、文章の区切り線などに利用できます。ラインは、ライン素材をＣＳＳで文字の背景に指定し、それを横軸のみ繰り返し配置にして、背景のポジションを下に設定することで設置できます。文字とラインの間隔の微調整は、padding-bottomなどで行います。またラインの横幅は、widthで調整します。ラインには、ハートマークやダイヤなどシンプルなものから、花や植物のラインなど様々な種類の素材があります。関連素材：バナー、カウンタ

[ 利用条件 ]

• 当サイトの素材をご利用いただく際には、お手数ですが当サイトのフリー素材を使用していることを示すリンクをお願い致します。m（_ _）m
  
• 当サイトのフリー素材は個人または法人を問わずご利用いただけます。
• 素材はダウンロードしてお使いください。
• 二次配布・再配布は原則として禁止します。
• 違法サイトや公序良俗に反するサイトでの使用は禁止します。
• 当サイトの素材利用について掲示板までご報告いただけると嬉しいです。