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

枠のある囲み枠、飾り枠

frame13-a
別の画像を使用してもOKです
▼html/css/img▼
html
<div class="box13">
<div class="box-inner">
ここに文字
</div>
</div>
css
.box13{
background:url(back01.gif);
border:1px dashed #666;
box-sizing:border-box;
margin:1em 0; /* 中央寄せは0をautoに変更 */
padding:20px;
width:80%
}
.box-inner{
background:#fff;
padding:20px
}
image

× close
frame13-b
別の画像を使用してもOKです
▼html/css/img▼
html
<div class="box13">
<div class="box-inner">
ここに文字
</div>
</div>
css
.box13{
background:url(back01.png);
border:1px dashed #614a44;
box-sizing:border-box;
margin:1em 0; /* 中央寄せは0をautoに変更 */
padding:20px;
width:80%
}
.box-inner{
background:url(back02.png);
border:1px dashed #614a44;
padding:20px
}
image

× close
WEB拍手