【CSS入門】色の指定・テキストの指定・背景色の工夫
【内容】
■色の指定3パターン
①キーワード指定
登録されている代表的ない色を使う
例)green,blueなど
h1{ color:green; }
②GRF指定
色を規定する赤緑青を0から255の数字で組み合わせて表す
※R(レッド)、G(グリーン)、B(ブルー)の順
例)
(0,0,255)
div{ background: rgb(0,255,0); }
③赤・緑・青を16進数で表す
3桁と6桁のパターンがある
例)#00F #00000
h1{ color: #FFFF0F; } h2{ color: #199; }
■テキストの指定
①サイズを変える
font-size:20px;
②太文字にする
font-weight: bold;
③文字位置を変える(センタリングする・左寄せ・右寄せ)
text-align: center;
■背景色をうまく使う
①一つの画像をページすべてに埋める
body{ background: url(btn057_01.png); background-repeat; }
②一つの要素の後ろに画像を入れる
button{ background: url(btn057_01.png); }
■メモ
①「背景色をうまく使う」はかなり使えそう
サイトから無料の素材をおとして、それをサイトに敷き詰めたり、
また、ボタンの背景色として使ったり、、かなり便利で使えそう