枠組の背景色に迷います CSS の background-color

CSS デザインブック① 枠組の背景色に迷います

 ちょっと目立たせたい文章に背景色をつけておく のは効果的だと思うのですけど、これがなかなか難しいですね。黄色に黒が一番目立つ(工事現場にあるやつね)と言われるけれど、それだと目がちかちかしするだけで悪目立ちですしね。こばと的には黒字には薄い緑か桃色あたりがいいのかなーと思っていますけど、正直なところまだ決め手がなくて色々と試している最中です。黒字に色々な背景色を塗ったパターン を揃えておきますので、皆さんも好みに応じて素敵な背景色を塗ってくださいね。

 CSS には次のように書き込んでください:

 .fm1 {background-color:#xxxxxx; padding:10px;
    margin-left:10px; margin-right:10px;}

 ちなみに fm は frame(枠組み)の略です。
#xxxxxx のところに下から選んだ色指定コードを入れてくださいね。

 HTML にはこんなふうにね:

 <div class="fm2">ここに書いた文章が枠組みされます</div>

 
 こばと的には次のような薄めの色がおすすめです:

 #FFEBCD 例えばこんな色
 #FFEFD5 それともこんな色
 #B0C4DE なかなか難しいね
 #DCDCDC 下のほうのコメントで
 #FFCCFF 皆さんの好みを教えてくださいな♪

 

CSS 豆知識① 色の表示原理

コンピューターのモニタ上の画面は RGB で表現されています。。
RGB とは Red(赤)、Green(緑)、Blue(青)を並べた記号で、それぞれ 0 ~ 255 の 256 段階で指定できます。256 = 28 ですから、合計で

28 × 28 × 28 = 224 ( = 16,777,216)

種類の色が表現できることになります。フルカラー 1600 万色というのはこの数字に由来するのです。 Web サイトで色を指定する際には RGB を各々 16 進数で指定するのが標準となっています。その数はアラビア数字とアルファベットによって記述されます:

0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f

たとえば純粋な赤を表示したいなら

R = 255, G = 0, B = 0  ⇒  #ff0000

と指定します。青がかった緑にしたいときは

R = 0, G = 255, B = 102  ⇒  #00ff66

のように指定します。でも上のやり方がどうも馴染めないと思うなら、色の名前で指定することもできますよ。枠組みの背景色として使えそうなものを並べておくので、「色々と」試してみてくださいな。

 snow 雪色
 mistyrose 霧バラ
 wheat 小麦色
 lightgreen 薄緑色
 paleturquoise 淡いトルコ石
 lightblue 水色
 powderblue 淡青色
 thistle アザミ色
 plum スモモ色

コメントをどうぞ

メールアドレスが公開されることはありません。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください