こんにちは、パソコンインストラクターの川上雄大です。
久し振りに囲み枠を放出します～（笑）
枠がぼけている囲み枠をどうぞ^^!
どれかひとつでも使えるのがあるといいのですが･･･。
<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札幌・ライフデザインスクール
川上 雄大
