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

横にハートが並ぶ囲み枠、飾り枠

frame05
幅や色は自由に変更できます
左右の画像は別の画像を使用してもOKです
▼html/css/img▼
html
<div class="box05">
ここに文字
</div>
css
.box05{
background-color:#f0a8a8;
background-image:url(back01.gif),url(back01.gif);
background-position:left top,right top;
background-repeat:repeat-y,repeat-y;
border-radius:5px;
margin:1em auto; /* 中央寄せは0をautoに変更 */
padding:15px 30px;
width:80%
}
image

× close
背景画像変えただけ。CSS、htmlは上と共通です。
これ以外にも色んな背景をあわせてみてください。
background-color:#c00000
background-color:#000
background-color:#b9e1d8
background-color:#e13b8b
WEB拍手