グレイッシュピンクの背景色つき囲み枠

グレイッシュピンクの
背景色つき囲み枠です。

文字数に合わせてサイズが変わります。

シンプルな枠線
角丸枠線があります。

シンプルな囲み枠

実　線：solid

<div style="display:inline-block; background:#FCE9ED; border: 2px solid #C5A5AC; padding: 15px;">本文はここに入力してください。
改行はShift+Enterで！</div>

二重線：double

<div style="display:inline-block; background:#FCE9ED; border: 4px double #C5A5AC; padding: 15px;">本文はここに入力してください。
改行はShift+Enterで！</div>

点　線：dotted

<div style="display:inline-block; background:#FCE9ED; border: 2px dotted #C5A5AC; padding: 15px;">本文はここに入力してください。
改行はShift+Enterで！</div>

破　線：dashed

<div style="display:inline-block; background:#FCE9ED; border: 2px dashed #C5A5AC; padding: 15px;">本文はここに入力してください。
改行はShift+Enterで！</div>

角丸囲み枠

実　線：solid

<div style="display:inline-block; background:#FCE9ED; border: 2px solid #C5A5AC; padding: 15px; border-radius: 10px;">本文はここに入力してください。
改行はShift+Enterで！</div>

二重線：double

<div style="display:inline-block; background:#FCE9ED; border: 4px double #C5A5AC; padding: 15px; border-radius: 10px;">本文はここに入力してください。
改行はShift+Enterで！</div>

点　線：dotted

<div style="display:inline-block; background:#FCE9ED; border: 2px dotted #C5A5AC; padding: 15px; border-radius: 10px;">本文はここに入力してください。
改行はShift+Enterで！</div>

破　線：dashed

<div style="display:inline-block; background:#FCE9ED; border: 2px dashed #C5A5AC; padding: 15px; border-radius: 10px;">本文はここに入力してください。
改行はShift+Enterで！</div>

LINEの友だち追加で
「アメブロで使えるかわいいマーカー」
をプレゼントしています！

「マーカー」とメッセージを送ってね

ID検索は @570smkow

アメブロ囲み枠 / 枠線の便利な情報 /
人気記事 / お客様の声 / よくある質問 /

提供メニュー / 制作の流れ / ご利用規約