【お役立ち】囲み枠線のサンプル＆付け方②（色変更）

囲み枠線を使いはじめたころ、

好みの色が無くて困ることがありました。

だから、

きっと同じように

お困りの方がいらっしゃるのではと思い、

色の変更方法のご紹介です。

コピー＆ペーストで使える囲み枠線（ベーシック２種）

ここに本文を入力する。
改行はShift+Enter

■このタグをコピペする

<div style="background:#ff9900; padding: 10px; border: none; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;">ここに本文を入力する。<br />改行はShift+Enter</div>

ここに本文を入力する。
改行はShift+Enter

■このタグをコピペする

<div style="background:#fff; padding:10px; border:2px dashed #339933;">ここに本文を入力する。<br />改行はShift+Enter</div>

囲み枠線の付け方

こちらをご参考にどうぞ

囲み枠線の色の変更方法

背景オレンジ　角丸枠

<div style="background:#ff9900; padding: 10px; border: none; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;">ここに本文を入力する。<br />改行はShift+Enter</div>

背景白　緑点線枠

<div style="background:#fff; padding:10px; border:2px dashed #339933;">ここに本文を入力する。<br />改行はShift+Enter</div>

▶▶こちらのリンク先のカラーリストから

　　お好みの色（＃からはじまる数字orローマ字）を選んできて

　　上記タグに貼付け。

 

２月期　募集開始いたしました。

１月期　満席　ありがとうございます！

 【モニターセッション】 ブログカウンセリング

■　フェイスブック☆お友達申請大歓迎♪

■　お問合せはこちらまで