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

マスキングテープ付きの囲み枠、飾り枠

frame23-a
htmlとcssは共通
画像は使用するものを保存してください
別の画像を使用してもOKです
▼html/css/img▼
html
<div class="box23">
<div class="icon01"></div>
ここに文字
</div>
css
.box23{
background:#ccb3a1; /* 背景色 */
box-shadow:3px 3px 5px #666;
box-sizing:border-box;
margin:45px auto 20px;
padding:30px 10px 10px;
position:relative;
width:80%
}
.icon01{
background:url(masking01.png) no-repeat center;
height:50px;
position:absolute;
top:-25px;
width:100%
}
image

× close
frame23-b
frame23-c
frame23-d
background:#fff;に変更
frame23-e
background:#fff;に変更
frame23-f
background:#fff;に変更
WEB拍手