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

  • グリーン背景と外枠
  • グリーン背景と角丸外枠
  • グリーングラデーションと外枠
  • グリーングラデーションと角丸外枠があります
グリーン系背景と外枠

 

グリーンの外枠に
グリーンの背景①

 

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

 

 

グリーンの外枠に
グリーンの背景②

 

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

 

 

グリーンの外枠に
グリーンの背景③

 

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

 

 

グリーン系背景と角丸外枠

 

グリーンの角丸外枠に
グリーンの背景①

 

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

 

 

グリーンの角丸外枠に
グリーンの背景②

 

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

 

 

グリーンの角丸外枠に
グリーンの背景③

 

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

 

 

グリーングラデーションと外枠

 

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

 

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

 

 

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

 

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

 

 

グリーンの外枠に
グリーンのグラデーション③

 

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

 

 

グリーングラデーションと角丸外枠

 

グリーンの角丸外枠に
グリーンのグラデーション①

 

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

 

 

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

 

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

 

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

 

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

 

 

 

 

 

 

 

 

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

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

友だち追加

ID検索は @570smkow