ふんわりかわいい
ぼかし囲み枠です。

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

各囲み枠の中のコードを
コピペしてお使いください^^

display:inline-block;

をはずすと幅いっぱいになります!

 

 
ふんわりぼかし囲み枠
 

 

<div style="display:inline-block; background: #EFF5FF; box-shadow: #EFF5FF 0 0 10px 10px; padding:8px;">本文はここに入力してください。改行はShift+Enterで!</div>

 

 

 

<div style="display:inline-block; background: #E8F7FD; box-shadow: #E8F7FD 0 0 10px 10px; padding:8px;">本文はここに入力してください。改行はShift+Enterで!</div>

 

 

 

<div style="display:inline-block; background: #FEF8FB; box-shadow: #FEF8FB 0 0 10px 10px; padding:8px;">本文はここに入力してください。改行はShift+Enterで!</div>

 

 

 

<div style="display:inline-block; background: #E3F6F6; box-shadow: #E3F6F6 0 0 10px 10px; padding:8px;">本文はここに入力してください。改行はShift+Enterで!</div>

 

 

 

ふんわり角丸背景
 

 

<div style="display:inline-block; background: #EFF5FF; box-shadow: #EFF5FF 0 0 10px 10px; padding:8px;border-radius:10px;">本文はここに入力してください。改行はShift+Enterで!</div>

 

 

 

<div style="display:inline-block; background: #E8F7FD; box-shadow: #E8F7FD 0 0 10px 10px; padding:8px;border-radius:10px;">本文はここに入力してください。改行はShift+Enterで!</div>

 

 

 

<div style="display:inline-block; background: #FEF8FB; box-shadow: #FEF8FB 0 0 10px 10px; padding:8px;border-radius:10px;">本文はここに入力してください。改行はShift+Enterで!</div>

 

 

 

<div style="display:inline-block; background: #E3F6F6; box-shadow: #E3F6F6 0 0 10px 10px; padding:8px;border-radius:10px;">本文はここに入力してください。改行はShift+Enterで!</div>ああ

 

 

 

 

 

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

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

友だち追加

ID検索は @570smkow 

 

 

アメブロ囲み枠