ピンク系のふわっとした囲み枠です。
Contents
サイズが変わるピンクのふわっとした囲み枠
ふわっとしたピンク1
<p> </p><div style="display:inline-block; background: #FFF3F7; box-shadow: #FFF3F7 0 0 5px 5px; padding:15px;">ここに本文。ふわっとしたピンク1</div><p> </p>
ふわっとしたピンク2
<p> </p><div style="display:inline-block; background: #FFDEEA; box-shadow: #FFDEEA 0 0 5px 5px; padding:15px;">ここに本文。ふわっとしたピンク2</div><p> </p>
ふわっとしたピンク3
<p> </p><div style="display:inline-block; background: #FFCADB; box-shadow: #FFCADB 0 0 5px 5px; padding:15px;">ここに本文。ふわっとしたピンク3</div><p> </p>
ふわっとしたピンク4
<p> </p><div style="display:inline-block; background: #FFD1EA; box-shadow: #FFD1EA 0 0 5px 5px; padding:15px;">ここに本文。ふわっとしたピンク4</div><p> </p>
サイズが変わるピンクのふわっとした角丸囲み枠
ふわっとした角丸ピンク1
<p> </p><div style="display:inline-block; background: #FFF3F7; box-shadow: #FFF3F7 0 0 5px 5px; padding:15px; border-radius:10px;">ここに本文。ふわっとした角丸ピンク1</div><p> </p>
ふわっとした角丸ピンク2
<p> </p><div style="display:inline-block; background: #FFDEEA; box-shadow: #FFDEEA 0 0 5px 5px; padding:15px; border-radius:10px;">ここに本文。ふわっとした角丸ピンク2</div><p> </p>
ふわっとした角丸ピンク3
<p> </p><div style="display:inline-block; background: #FFCADB; box-shadow: #FFCADB 0 0 5px 5px; padding:15px; border-radius:10px;">ここに本文。ふわっとした角丸ピンク3</div><p> </p>
ふわっとした角丸ピンク4
<p> </p><div style="display:inline-block; background: #FFD1EA; box-shadow: #FFD1EA 0 0 5px 5px; padding:15px; border-radius:10px;">ここに本文。ふわっとした角丸ピンク4</div><p> </p>