HP制作先着3名様まで(残2)80,000円(税込)

グリーン系のふわっとした囲み枠

グリーン系のふわっとした囲み枠です。

囲み枠下のコードの右上にある四角のボタンを押すとコピーできます
アメブロの『HTML表示』に貼り付けてお使いください。

Contents

サイズが変わるグリーンのふわっとした囲み枠

ふわっとしたグリーン1
<p>&nbsp;</p><div style="display:inline-block; background: #E8F8FA; 
box-shadow: #E8F8FA 0 0 5px 5px; padding:15px;">ここに本文。ふわっとしたグリーン1</div><p>&nbsp;</p>
ふわっとしたグリーン2
<p>&nbsp;</p><div style="display:inline-block; background: #CDE9EA;
 box-shadow: #CDE9EA 0 0 5px 5px; padding:15px;">ここに本文。ふわっとしたグリーン2</div><p>&nbsp;</p>
ふわっとしたグリーン3
<p>&nbsp;</p><div style="display:inline-block; background: #D2E9D5;
 box-shadow: #D2E9D5 0 0 5px 5px; padding:15px;">ここに本文。ふわっとしたグリーン3</div><p>&nbsp;</p>
ふわっとしたグリーン4
<p>&nbsp;</p><div style="display:inline-block; background: #CDEADD;
 box-shadow: #CDEADD 0 0 5px 5px; padding:15px;">ここに本文。ふわっとしたグリーン4</div><p>&nbsp;</p>

サイズが変わるグリーンのふわっとした角丸囲み枠

ふわっとした角丸グリーン1
<p>&nbsp;</p><div style="display:inline-block; background: #E8F8FA; 
box-shadow: #E8F8FA 0 0 5px 5px; padding:15px; border-radius:10px;">ここに本文。ふわっとした角丸グリーン1</div><p>&nbsp;</p>
ふわっとした角丸グリーン2
<p>&nbsp;</p><div style="display:inline-block; background: #CDE9EA;
 box-shadow: #CDE9EA 0 0 5px 5px; padding:15px; border-radius:10px;">ここに本文。ふわっとした角丸グリーン2</div><p>&nbsp;</p>
ふわっとした角丸グリーン3
<p>&nbsp;</p><div style="display:inline-block; background: #D2E9D5;
 box-shadow: #D2E9D5 0 0 5px 5px; padding:15px; border-radius:10px;">ここに本文。ふわっとした角丸グリーン3</div><p>&nbsp;</p>
ふわっとした角丸グリーン4
<p>&nbsp;</p><div style="display:inline-block; background: #CDEADD;
 box-shadow: #CDEADD 0 0 5px 5px; padding:15px; border-radius:10px;">ここに本文。ふわっとした角丸グリーン4</div><p>&nbsp;</p>
share
  • URLをコピーしました!
  • URLをコピーしました!
Contents