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

角丸の囲み枠、飾り枠

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

× close

frame07-b
cssにcolor:#fff;を追加
frame07-c
frame07-d
frame07-e