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

<div style=”width: 94%; margin: 10px 0px; padding: 10px; background-color: #fff9f9; border-radius: 6px;”><div style=”border-radius: 6px; border: dashed 2px #e27a7a; padding: 12px; margin-block-start: 0px; margin-block-end: 0px;”>ここにテキストを入れる</div></div>

<div style=”width: 94%; margin: 10px 0px; padding: 10px; background-color: #fffff7; border-radius: 6px;”><div style=”border-radius: 6px; border: dashed 2px #d6dc59; padding: 12px; margin-block-start: 0px; margin-block-end: 0px;”>ここにテキストを入れる</div></div>

<div style=”width: 94%; margin: 10px 0px; padding: 10px; background-color: #f8fff8; border-radius: 6px;”><div style=”border-radius: 6px; border: dashed 2px #7ade7a; padding: 12px; margin-block-start: 0px; margin-block-end: 0px;”>ここにテキストを入れる</div></div>

<div style=”width: 94%; margin: 10px 0px; padding: 10px; background-color: #f8f9ff; border-radius: 6px;”><div style=”border-radius: 6px; border: dashed 2px #a2afde; padding: 12px; margin-block-start: 0px; margin-block-end: 0px;”>ここにテキストを入れる</div></div>

<div style=”width: 94%; margin: 10px 0px; padding: 10px; background-color: #fcfaff; border-radius: 6px;”><div style=”border-radius: 6px; border: dashed 2px #b092d4; padding: 12px; margin-block-start: 0px; margin-block-end: 0px;”>ここにテキストを入れる</div></div>

囲み枠サンプル一覧画面に戻る → 囲み枠サンプル!目立たせたい時に役立つ装飾!
The following two tabs change content below.
アバター
2007年に地元福岡でアフィリエイト事業を立ち上げ、その後はWEBサイト/ワードプレス制作をおこなってきました。現在ではSNSやブログを組み合わせながら集客に結びつくよう、お客さまの情報媒体を管理させてもらっています。

各デバイス(スマホ、タブレット)にも対応したホームページが月々1,000円(税別)お使いいただけます。また更新(編集・追加)も画面を見ながら簡単におこなえるので、費用もかからず手軽におこなえます。

月々1,000円で利用できる格安ホームページ制作

シェアする

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

フォローする