フリー素材|囲み枠、飾り枠-19
薔薇とリボンの囲み枠、飾り枠
frame19-a
htmlとcssは共通画像は使用するものを保存してください
- ▼html/css/img▼
-
html
<div class="box19"> <div class="box-top"> <div class="u01"></div> </div> <div class="box-center"> <div class="box-inner"> ここに文字 </div> </div> <div class="box-bottom"> <div class="s01"></div> </div> </div>
css.box19 { margin:1em 0; /* 中央寄せは0をautoに変更 */ width:80% /* 幅 */ } .u01 { background:url(f-ue.gif) repeat-x; height:32px; margin:0 32px } .s01 { background:url(f-sita.gif) repeat-x; height:32px; margin:0 32px } .box-top { background-image:url(f-kado1.gif), url(f-kado2.gif); background-position:top left, top right; background-repeat:no-repeat, no-repeat; height:32px } .box-center { background-image:url(f-migi.gif), url(f-hidari.gif); background-position:top right, top left; background-repeat:repeat-y, repeat-y } .box-inner { background:#fff; margin:0 32px; padding:10px } .box-bottom { background-image:url(f-kado3.gif), url(f-kado4.gif); background-position:top left, top right; background-repeat:no-repeat, no-repeat; height:32px }
image
× close
frame19-b
frame19-c
frame19-d
frame19-e