フリー素材|囲み枠、飾り枠-03
上下フリルの囲み枠、飾り枠
frame03-a
htmlとcssは共通画像は使用するものを保存してください
別の画像を使用してもOKです
- ▼html/css/img▼
-
html
<div class="box03"> <div class="box-inner"> ここに文字 </div> </div>
css.box03{ background-image:url(f-ue.gif),url(f-sita.gif); background-position:top left,bottom left; background-repeat:repeat-x,repeat-x; margin:1em 0; /* 中央寄せは0をautoに変更 */ padding:30px 0; width:80% /* 幅 */ } .box-inner{ background:#fff; padding:1em }
image
× close
frame03-b
frame03-c
frame03-d
frame03-e