こんにちは、パソコンインストラクターの川上雄大です。
久し振りに囲み枠を放出します~(笑)
枠がぼけている囲み枠をどうぞ^^!
どれかひとつでも使えるのがあるといいのですが・・・。
<div style="~~~~~~~~~~>○○○</div>の部分をコピーして、HTML表示でペーストしてお使いくださいませ!
lavender(カラーコード:#e6e6fa)は↓
本文はこちら!
改行後の本文はこちら(ここは削除してください。)
<div style="background:#e6e6fa;box-shadow:#e6e6fa 0 0 10px 10px;-webkit-box-shadow:#e6e6fa 0 0 10px 10px;-moz-box-shadow:#e6e6fa 0 0 10px 10px;padding:10px;margin:20px;"><p>本文はこちら!<br>改行後の本文はこちら(ここは削除してください。)</p></div>
ペール・ターコイズ色のpaleturquoise(カラーコード:#afeeee)はこちら↓
本文はこちら!
改行後の本文はこちら(ここは削除してください。)
<div style="background:#afeeee;box-shadow:#afeeee 0 0 10px 10px;-webkit-box-shadow:#afeeee 0 0 10px 10px;-moz-box-shadow:#afeeee 0 0 10px 10px;padding:10px;margin:20px;"><p>本文はこちら!<br>改行後の本文はこちら(ここは削除してください。)</p></div>
情熱的な赤系色のcoral(カラーコード:#ff7f50)はこちら↓
本文はこちら!
改行後の本文はこちら(ここは削除してください。)
<div style="background:#ff7f50;box-shadow:#ff7f50 0 0 10px 10px;-webkit-box-shadow:#ff7f50 0 0 10px 10px;-moz-box-shadow:#ff7f50 0 0 10px 10px;padding:10px;margin:20px;"><p>本文はこちら!<br>改行後の本文はこちら(ここは削除してください。)</p></div>
かわいいピンク系色のlightpink(カラーコード:#ffb6c1)はこちら↓
本文はこちら!
改行後の本文はこちら(ここは削除してください。)
<div style="background:#ffb6c1;box-shadow:#ffb6c1 0 0 10px 10px;-webkit-box-shadow:#ffb6c1 0 0 10px 10px;-moz-box-shadow:#ffb6c1 0 0 10px 10px;padding:10px;margin:20px;"><p>本文はこちら!<br>改行後の本文はこちら(ここは削除してください。)</p></div>
高貴な紫系色(カラーコード:#f2e2ee)は↓
本文はこちら!
改行後の本文はこちら(ここは削除してください。)
<div style="background:#f2e2ee;box-shadow:#f2e2ee 0 0 10px 10px;-webkit-box-shadow:#f2e2ee 0 0 10px 10px;-moz-box-shadow:#f2e2ee 0 0 10px 10px;padding:10px;margin:20px;"><p>本文はこちら!<br>改行後の本文はこちら(ここは削除してください。)</p></div>
平和的な緑系色のlightgreen(カラーコード:#90ee90)はこちら↓
本文はこちら!
改行後の本文はこちら(ここは削除してください。)
<div style="background:#90ee90;box-shadow:#90ee90 0 0 10px 10px;-webkit-box-shadow:#90ee90 0 0 10px 10px;-moz-box-shadow:#90ee90 0 0 10px 10px;padding:10px;margin:20px;"><p>本文はこちら!<br>改行後の本文はこちら(ここは削除してください。)</p></div>
navajowhite(カラーコード:#ffdead)はこちら↓
本文はこちら!
改行後の本文はこちら(ここは削除してください。)
<div style="background:#ffdead;box-shadow:#ffdead 0 0 10px 10px;-webkit-box-shadow:#ffdead 0 0 10px 10px;-moz-box-shadow:#ffdead 0 0 10px 10px;padding:10px;margin:20px;"><p>本文はこちら!<br>改行後の本文はこちら(ここは削除してください。)</p></div>
ちょい薄めのオレンジ色(カラーコード:#ffa566)はこちら↓
本文はこちら!
改行後の本文はこちら(ここは削除してください。)
<div style="background:#ffa566;box-shadow:#ffa566 0 0 10px 10px;-webkit-box-shadow:#ffa566 0 0 10px 10px;-moz-box-shadow:#ffa566 0 0 10px 10px;padding:10px;margin:20px;"><p>本文はこちら!<br>改行後の本文はこちら(ここは削除してください。)</p></div>
注意を意味する黄色(カラーコード:#ffff00)はこちら↓
本文はこちら!
改行後の本文はこちら(ここは削除してください。)
<div style="background:#ffff00;box-shadow:#ffff00 0 0 10px 10px;-webkit-box-shadow:#ffff00 0 0 10px 10px;-moz-box-shadow:#ffff00 0 0 10px 10px;padding:10px;margin:20px;"><p>本文はこちら!<br>改行後の本文はこちら(ここは削除してください。)</p></div>
ゴールド系色(カラーコード:#ffd400)はこちら↓
本文はこちら!
改行後の本文はこちら(ここは削除してください。)
<div style="background:#ffd400;box-shadow:#ffd400 0 0 10px 10px;-webkit-box-shadow:#ffd400 0 0 10px 10px;-moz-box-shadow:#ffd400 0 0 10px 10px;padding:10px;margin:20px;"><p>本文はこちら!<br>改行後の本文はこちら(ここは削除してください。)</p></div>
真っ黒(カラーコード:#000000)はこちら↓
本文はこちら!
改行後の本文はこちら(ここは削除してください。)
<div style="background:#000000;box-shadow:#000000 0 0 10px 10px;-webkit-box-shadow:#000000 0 0 10px 10px;-moz-box-shadow:#000000 0 0 10px 10px;padding:10px;margin:20px;color:#ffffff;"><p>本文はこちら!<br>改行後の本文はこちら(ここは削除してください。)</p></div>
または、ご自分で色を探して↓↓↓
色の名前とカラーコードが一目でわかるWEB色見本
<div style="background:#e6e6fa;box-shadow:#e6e6fa 0 0 10px 10px;-webkit-box-shadow:#e6e6fa 0 0 10px 10px;-moz-box-shadow:#e6e6fa 0 0 10px 10px;padding:10px;margin:20px;"><p>本文はこちら!<br>改行後の本文はこちら(ここは削除してください。)</p></div>
#e6e6fa
の4か所を変更すると、ご自分のオリジナルの囲み枠ができます!
以上、アメブロ囲み枠でした。
LIDS札幌・ライフデザインスクール
川上 雄大