ホームページやブログなどタイトルや文章に設けるライン素材を無料で配布しています。
[TOP]
当サイトのフリー素材をご利用する前に、素材の利用規約をお読みください。
[1] [2] [桜のライン] [音符のライン] [星のライン]
鉛筆のライン素材、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>
[1] [2] [桜のライン] [音符のライン] [星のライン]
ライン素材は、文章の区切り線などに利用できます。ラインは、ライン素材をCSSで文字の背景に指定し、それを横軸のみ繰り返し配置にして、背景のポジションを下に設定することで設置できます。文字とラインの間隔の微調整は、padding-bottomなどで行います。またラインの横幅は、widthで調整します。ラインには、ハートマークやダイヤなどシンプルなものから、花や植物のラインなど様々な種類の素材があります。関連素材:バナー、カウンタ
[ 利用条件 ]
Copyright(c)2004 silvia All Right Reserved.-プライバシーポリシー