「角が丸型で背景色と影」の色の選択 – 囲み枠 | スマホでアメブロを書く

<div style=”width: 94%; margin: 10px 0px; padding: 10px; border-radius: 6px; background-color: #fff9f9; 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; border-radius: 6px; background-color: #fffff7; 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; border-radius: 6px; background-color: #f8fff8; 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; border-radius: 6px; background-color: #f7f9ff; 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; border-radius: 6px; background-color: #fcfaff; filter: drop-shadow(3px 5px 4px rgba(0,0,0,0.2));”><div style=”margin:0px;”>ここにテキストを入れる</div></div>

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

シェアする

  • このエントリーをはてなブックマークに追加

フォローする