「付箋風」の色の選択 – 囲み枠 | スマホでアメブロを書く

<div style=”width: 94%; margin: 10px 0px; padding: 10px; background-color: #fff7f8; border-left: solid 10px #e57474;”><div style=”margin:0px;”>ここにテキストを入れる</div></div>

<div style=”width: 94%; margin: 10px 0px; padding: 10px; background-color: #fefff0; border-left: solid 10px #fde573;”><div style=”margin:0px;”>ここにテキストを入れる</div></div>

<div style=”width: 94%; margin: 10px 0px; padding: 10px; background-color: #f7fff9; border-left: solid 10px #74e574;”><div style=”margin:0px;”>ここにテキストを入れる</div></div>

<div style=”width: 94%; margin: 10px 0px; padding: 10px; background-color: #f7faff; border-left: solid 10px #5981d4;”><div style=”margin:0px;”>ここにテキストを入れる</div></div>

<div style=”width: 94%; margin: 10px 0px; padding: 10px; background-color: #f7faff; border-left: solid 10px #a874e5;”><div style=”margin:0px;”>ここにテキストを入れる</div></div>

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

シェアする

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

フォローする