テキストの文字色を変える - CSS
color
プロパティを使う。
値の指定の仕方
16進数(6桁の数値)で指定する
R(赤)、G(緑)、B(青)をそれぞれ16進数で2桁ずつで表現する。
#赤緑青
で指定する
body { color: #808080; }
カラーキーワードで指定する
red
やblue
やblack
などのキーワードで指定することができる
body { color: gray; }
rgb()
color: rgb(赤, 緑, 青);
- 値はそれぞれ、0〜255
例)グレーを指定する場合
body { color: rgb(80, 80, 80); }
rgba()
color: rgb(赤, 緑, 青, 透明度);
- 値はそれぞれ、0〜255
- 透明度を指定できる
例)グレーで透明度が50%の場合
body { color: rgb(80, 80, 80, 0.5); }
参考文献
いちばんよくわかるHTML5&CSS3デザインきちんと入門 (Design&IDEA)
- 作者: 狩野祐東
- 出版社/メーカー: SBクリエイティブ
- 発売日: 2016/10/27
- メディア: 単行本
- この商品を含むブログ (1件) を見る