フリー素材｜囲み枠、飾り枠-04

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

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

× close
frame04-b
frame04-c
frame04-d
frame04-e
WEB拍手