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

周りの画像を自由に選択できる囲み枠、飾り枠

frame06-a
htmlとcssは共通
画像は使用するものを保存してください
別の画像を使用してもOKです
▼html/css/img▼
html
<div class="box06">
<div class="box-inner">
ここに文字
</div>
</div>
css
.box06{
background:url(back01.gif);
border-radius:10px;
box-sizing:border-box;
margin:1em 0; /* 中央寄せは0をautoに変更 */
padding:15px;
width:80%
}
.box-inner{
background:#fff;
border-radius:10px;
padding:20px
}
image

× close

frame06-b
frame06-c