「上の実線と影」の色の選択 – 囲み枠 | スマホでアメブロを書く

<div style=”width: 94%; margin: 10px 0px; padding: 10px; background-color: #ffffff; border-top: solid 4px #e57474; filter: drop-shadow(3px 5px 4px rgba(0,0,0,0.2));”><div style=”margin:0px;”>ここにテキストを入れる</div></div>

<div style=”width: 94%; margin: 10px 0px; padding: 10px; background-color: #ffffff; border-top: solid 4px #e0e574; filter: drop-shadow(3px 5px 4px rgba(0,0,0,0.2));”><div style=”margin:0px;”>ここにテキストを入れる</div></div>

<div style=”width: 94%; margin: 10px 0px; padding: 10px; background-color: #ffffff; border-top: solid 4px #74e574; filter: drop-shadow(3px 5px 4px rgba(0,0,0,0.2));”><div style=”margin:0px;”>ここにテキストを入れる</div></div>

<div style=”width: 94%; margin: 10px 0px; padding: 10px; background-color: #ffffff; border-top: solid 4px #5981d4; filter: drop-shadow(3px 5px 4px rgba(0,0,0,0.2));”><div style=”margin:0px;”>ここにテキストを入れる</div></div>

<div style=”width: 94%; margin: 10px 0px; padding: 10px; background-color: #ffffff; border-top: solid 4px #a874e5; filter: drop-shadow(3px 5px 4px rgba(0,0,0,0.2));”><div style=”margin:0px;”>ここにテキストを入れる</div></div>

アメブロへの貼り付け方 → HTML編集の（コードを貼り付ける）やり方！ 

囲み枠サンプル一覧画面に戻る → 囲み枠サンプル！目立たせたい時に役立つ装飾！