フリー素材|囲み枠、飾り枠-10

上下フリル+リボンの囲み枠、飾り枠

frame10-a
htmlとcssは共通
画像は使用するものを保存してください
別の画像を使用してもOKです
▼html/css/img▼
html
<div class="box10">
<div class="box-inner">
ここに文字
</div>
</div>
css
.box10{
background-color:#fff;
background-image:url(f-ue.gif),url(f-sita.gif);
background-position:top left,bottom left;
background-repeat:repeat-x,repeat-x;
border:1px solid #484500;
border-radius:10px;
margin:1em 0; /* 中央寄せは0をautoに変更 */
padding:50px 0;
width:80% /* 幅 */
}
.box-inner{
padding:1em
}
image


× close

frame10-b
frame10-c
frame10-d
frame10-e