ライン素材

ホームページやブログなどタイトルや文章に設けるライン素材を無料で配布しています。


新しいライン素材のページはこちらになります。

[TOP]

当サイトのフリー素材をご利用する前に、素材の利用規約をお読みください。


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

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

長い鉛筆のライン

鉛筆のライン

短い長い鉛筆のライン

※ラインの使用例

SampleStyle

CSSとHTML


<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>

 

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

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

 

[ 利用条件 ]

  • 当サイトのフリー素材は個人または法人を問わずご利用いただけます。
  • 素材はダウンロードしてお使いください。
  • 二次配布・再配布は原則として禁止します。

Copyright(c)2004 silvia All Right Reserved.-プライバシーポリシー