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

星の囲み枠、飾り枠

frame09-a
htmlとcssは共通
画像は使用するものを保存してください
別の画像を使用してもOKです
▼html/css/img▼
html
<div class="box09">
<div class="box-inner">
ここに文字
</div>
</div>
css
.box09{
background:#fff;
border:1px dotted #999;
border-radius:10px;
margin:10px 0; /* 中央寄せは0をautoに変更 */
width:80% /* 幅 */
}
.box-inner{
background-image:url(back01.png),url(back01.png); /* 背景画像 */
background-repeat:no-repeat,no-repeat;
background-position:left top,right bottom;
margin:-10px;
padding:30px
}
image

× close

frame09-b
frame09-c
frame09-d
frame09-e