ブログの最後につける定型文や、
他の文章と区別したい時に
役に立つ囲み枠
HTMLがよくわからない…。
探しても可愛いのが
なかなか見つからない…。
という方のために
おしゃれで可愛い
囲み枠をつくりました。
コピペしてお使い下さい
ローズーレッド
↓↓コピペして下さい↓↓
<div style="background:#fff; margin:5px 5px;padding:10px; border:5px outset #ea618e ;"><div>ココに本文を入れる</div></div>
↓↓コピペして下さい↓↓
<div style="background:#fff; margin:5px;padding:10px; border:5px outset #ea618e;width:240px;"><div>ココに本文を入れる</div></div>
フランボワーズ
↓↓コピペして下さい↓↓
<div style="background:#fff; margin:5px;padding:10px; border:5px outset #9a0d7c;"><div>ココに本文を入れる</div></div>
↓↓コピペして下さい↓↓
<div style="background:#fff; margin:5px;padding:10px; border:5px outset ##9a0d7c;width:240px;"><div>ココに本文を入れる</div></div>
コバルトブルー
↓↓コピペして下さい↓↓
<div style="background:#fff; margin:5px;padding:10px; border:5px outset #0068b7;"><div>ココに本文を入れる</div></div>
↓↓コピペして下さい↓↓
<div style="background:#fff; margin:5px;padding:10px; border:5px outset #0068b7;width:240px;"><div>ココに本文を入れる</div>
ターコイズ
↓↓コピペして下さい↓↓
<div style="background:#fff; margin:5px;padding:10px; border:5px outset #009b9f;"><div>ココに本文を入れる</div></div>
↓↓コピペして下さい↓↓
<div style="background:#fff; margin:5px;padding:10px; border:5px outset #009b9f;width:240px;"><div>ココに本文を入れる</div></div>
カフェオレ
↓↓コピペして下さい↓↓
<div style="background:#fff; margin:5px;padding:10px; border:5px outset #946c45;"><div>ココに本文を入れる</div></div>
↓↓コピペして下さい↓↓
<div style="background:#fff; margin:5px;padding:10px; border:5px outset #946c45;width:240px;"><div>ココに本文を入れる</div></div>
マリーゴールド
↓↓コピペして下さい↓↓
<div style="background:#fff; margin:5px;padding:10px; border:5px outset #f39800;"><div>ココに本文を入れる</div></div>
↓↓コピペして下さい↓↓
<div style="background:#fff; margin:5px 5px;padding:10px 10px 10px 10px; border:5px outset #ffcc99;width:240px;"><div>ココに本文を入れる</div></div>
使い方
HTML表示に切り替えてから
HTMLタグを貼り付けて下さい。
※文字の入力は、通常表示モードでも行えます。