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