こんにちは♪大人可愛いアメブロカスタマイズSHOPのmihoです。
今回はアメブロでよく見かける「囲み枠」のフェミニンカラー版を考えてみました♡
可愛いブログって読んでいても楽しいし、何より自分が書いていても楽しい^^
良かったらお使いください♪
使い方は簡単!
- お好きなデザインのタグをコピーします。(枠デザインのすぐ下の英語です)
- もう一度通常表示に戻り”ここに本文を~”の箇所をお好きなテキストに変更します。
- 改行する場合は「Shift」+「Enter」で改行してください。
【囲み枠】べた塗りバージョン
ここに本文を記入
ここに本文を記入
▼01
<div style="background:#f5f0ed; padding:10px;">
ここに本文を記入<br>
ここに本文を記入<br></div>
ここに本文を記入
ここに本文を記入
▼02
<div style="background:#d4c6bd; padding:10px;">
ここに本文を記入<br>
ここに本文を記入<br></div>
ここに本文を記入
ここに本文を記入
▼03
<div style="background:#D6B7B5; padding:10px;">
ここに本文を記入<br>
ここに本文を記入<br></div>
色が濃いので白いテキストがオススメです
ここに本文を記入
▼04
<div style="background:#3D5361; padding:10px;">
ここに本文を記入<br>
ここに本文を記入<br></div>
【囲み枠】枠だけバージョン
ここに本文を記入
ここに本文を記入
▼01
<div style="background:#fff; padding:10px; border:3px solid #F5F0ED;">
ここに本文を記入<br>
ここに本文を記入</div>
ここに本文を記入
ここに本文を記入
▼02
<div style="background:#fff; padding:10px; border:3px solid #d4c6bd;">
ここに本文を記入<br>
ここに本文を記入</div>
ここに本文を記入
ここに本文を記入
▼03
<div style="background:#fff; padding:10px; border:3px solid #D6B7B5;">
ここに本文を記入<br>
ここに本文を記入</div>
ここに本文を記入
ここに本文を記入
▼04
<div style="background:#fff; padding:10px; border:3px solid #3D5361;">
ここに本文を記入<br>
ここに本文を記入</div>
ちょぴり秋のような、大人フェミニンカラー…♡
自分で作ってみてもテンションが上がりました!笑
メニューの告知やメッセージボードなど、
色々な箇所をちょこっとカスタマイズしてお気に入りのブログを作って下さいね♡
♥ 関連記事