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

  • 薄紫・水色背景と外枠
  • 薄紫・水色背景と角丸外枠
  • 薄紫・水色グラデーションと外枠
  • 薄紫・水色グラデーションと角丸外枠があります
薄紫・水色背景と外枠

 

薄紫の外枠に
薄紫の背景

 

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

 

 

水色の外枠に
水色の背景①

 

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

 

 

水色外枠に
水色の背景②

 

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

 

 

薄紫・水色背景と角丸外枠

 

薄紫の角丸外枠に
薄紫の背景

 

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

 

 

水色の角丸外枠に
水色の背景①

 

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

 

 

水色の角丸外枠に
水色の背景②

 

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

 

 

薄紫・水色グラデーションと外枠

 

薄紫の外枠に
薄紫のグラデーション

 

<div style="display:inline-block; padding:2px; border:2px solid #F8F8FF;"><div style="display:inline-block; background: linear-gradient( #F8F8FF,#FFFFFF); padding:10px;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

水色の外枠に
水色のグラデーション①

 

<div style="display:inline-block; padding:2px; border:2px solid #F0F8FF;"><div style="display:inline-block;background: linear-gradient( #F0F8FF,#FFFFFF); padding:10px;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

水色の外枠に
水色のグラデーション②

 

<div style="display:inline-block; padding:2px; border:2px solid #DBEEFF;"><div style="display:inline-block;background: linear-gradient( #DBEEFF,#FFFFFF); padding:10px;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

薄紫・水色グラデーションと角丸外枠

 

薄紫の角丸外枠に
薄紫のグラデーション

 

<div style="display:inline-block; padding:2px; border:2px solid #F8F8FF; border-radius:8px;"><div style="display:inline-block; background: linear-gradient( #F8F8FF,#FFFFFF); padding:10px; border-radius:8px;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

水色の角丸外枠に
水色のグラデーション②

 

<div style="display:inline-block; padding:2px; border:2px solid #F0F8FF; border-radius:8px;"><div style="display:inline-block; background: linear-gradient( #F0F8FF,#FFFFFF); padding:10px; border-radius:8px;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

水色の角丸外枠に
水色のグラデーション③

 

<div style="display:inline-block; padding:2px; border:2px solid #DBEEFF; border-radius:8px;"><div style="display:inline-block; background: linear-gradient( #DBEEFF,#FFFFFF); padding:10px; border-radius:8px;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

 

 

 

 

 

 

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

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

友だち追加

ID検索は @570smkow