枠がぼけている囲み枠 | パソコンが好きになるブログ〜表技・裏技・便利技伝授!

パソコンが好きになるブログ〜表技・裏技・便利技伝授!

北海道札幌市中央区 大通駅徒歩7分のパソコンスクール「リズ札幌・ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…


テーマ:

こんにちは、パソコンインストラクターの川上雄大です。

 

 

久し振りに囲み枠を放出します~(笑)

 

枠がぼけている囲み枠をどうぞ^^!

 

どれかひとつでも使えるのがあるといいのですが・・・。

 

<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か所を変更すると、ご自分のオリジナルの囲み枠ができます!

 

 

 


以上、アメブロ囲み枠でした。

 

Instagram

 


LIDS札幌・ライフデザインスクール
川上 雄大

 

 

 

 

川上雄大

 

川上 雄大☆パソコンインストラクターさんの読者になろう

ブログの更新情報が受け取れて、アクセスが簡単になります

SNSアカウント