シンプルなのに目立つピンクの影付き囲み枠

シンプルなのにかわいくて目立つピンクの影付き囲み枠です。

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

影付き枠
影付き二重枠
影付き角丸枠
影付き背景
影付き角丸背景
画像を入れるとポラロイド風になる白い写真枠があります♥

影付き枠

ピンク影付き枠

<div style="display:inline-block; border:3px solid #FFD6EA; padding: 15px 15px 10px 15px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);">本文はここに入力してください。改行はShift+Enterで！</div>

ピンク影付き二重枠

<div style="display:inline-block; border:4px double #FFD6EA; padding: 15px 15px 10px 15px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);">本文はここに入力してください。改行はShift+Enterで！</div>

ピンク影付き角丸枠

<div style="display:inline-block; border:3px solid #FFD6EA; padding: 15px 15px 10px 15px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32); border-radius: 10px;">本文はここに入力してください。改行はShift+Enterで！</div>

ピンク影付き背景

<div style="display:inline-block; background:#FFEFF5; padding: 15px 15px 10px 15px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);">本文はここに入力してください。改行はShift+Enterで！</div>

ピンク影付き角丸背景

<div style="display:inline-block; background:#FFEFF5; padding: 15px 15px 10px 15px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32); border-radius: 10px;">本文はここに入力してください。改行はShift+Enterで！</div>

写真枠

ここに画像

<div style="display:inline-block; border:1px solid #F1F1F1; padding: 15px 15px 10px 15px; border-radius: 2px;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);">ここに画像</div>

写真枠の使い方

Step1：「HTML表示」をクリックして貼り付けます。