文字色の変更【color】：CSS入門
CSS入門（5）
文字の色を変更したいときは、CSSの「color」を使います。
記事「背景色の変更【background-color】：CSS入門」での背景色の変更と要領は一緒ですから、今回は簡単に出来てしまうはずです。
あなたは、成長した自分の姿に目を細めることでしょう。ほーっほっほっ。お話は、次の順番で進みます。
文字の色を変更してみましょう
1：「color」を使ってみましょう
（01）
さて、前回は、大見出し（<h1>タグ）の背景色を変更したわけですが、選んだ背景色によっては、文字が見難くなっているのではないでしょうか。
背景色がMidnight Blueで、文字が黒色では、ほぼ読み取ることができません。見難いです。
（02）
これでは、お客様に「帰ってくれ！」と言っているようなものです。文字の色を変更しましょう。ねっ、そうしましょう。
テキストエディタで、CSSファイルを開いてください。次のようになっているはずです。
これを、次のように、「color」を使って、文字の色を「#ffffff（白色）」に設定してCSSファイルを保存してみましょう。
いかがでしょう？何か分からないところはありませんか？大丈夫ですか？
適用先 | <h1>タグの |
|---|---|
何を？ | 文字の色（color）を、 |
どうする？ | 白色（#ffffff）にする。 |
（03）
それでは、HTMLファイルを、ブラウザに放り投げて表示してみましょう。はっきり見出しが読み取れるようになったはずです。
2：おまけ
（04）
CSSコードの書き方は、もちろん、次のように色の値を省略して書いても、OKです。
あるいは、次のように波括弧{}を揃えて書いても、OKです。自分が見易い統一したルールを考えてみてください。
次回予告
次回は、無料写真素材 梅の花をご紹介しています。
引き続き CSSをご覧になりたい場合は、「罫線を描く【border】：CSS入門」をどうぞ。
関連記事
CSSに関連する記事を、ご紹介します。
1：カスタマイズ前
2：CSSの基本的なこと
3：色の指定
4：罫線の指定
5：間隔（余白）の指定
6：継承と子孫セレクタ
7：箇条書き（リスト）
8：文字（フォント）の指定
9：idセレクタ、classセレクタ
10：文章を読みやすくする
11：文字の中央揃え（センタリング）
12：レイアウト
13：tableの中央揃え（センタリング）
14：CSSで飾る
15：まとめ
作成日：2008/04/13 更新日：2008/04/13
« 「背景色の変更【background-color】」｜「罫線を描く【border】」 »
コメントありがとうございます。
現在、コメントさんも、お休みしています。
こんにちは！
color魔族の兄弟
コメントありがとうございます！(・∀・)/39
そ、それは、私の一番のお気に入りの写真ではありませんか！
珍しく良い撮影ができました。と言うか・・・偶然？
露出補正とホワイトバランスの設定を変えながら撮ってみたら、
ちょっとカメラ好きの人の気持ちが分かったような気がしました。
そうねーなぜに、colorだけなんでしょうね？？？(´Д｀;)
逆に覚え難いよね。
シンクロ！！！
えーKumaCrowさんが一番お気に入りの桜の写真を
自分も好きだ！と思えたのって、かなり嬉しいです！
ひゃほー！
写真撮影は、自分は普通のデジカメしか持ってないのですが
それすら機能使いこなせてないので、露出補正とかホワイトバランスとか
すごいですね！
こっちは寒い地方なんで、桜もやっとちらほら咲き始めてきた感じです。
今度写真とりにいこうかな＾＾
シベ超
いやぁ〜、あたしたちってば、ほら・・・センスがいいじゃない？
どうしてもこう、何ていうのかしら、究極的なところで、
似通ってきちゃうんでしょうね。(´・ω・)(・ω・`)ねー
ほーっほっほ、ほーっほっほっ。
それはそれとして、私は普通のカメラですらないですよ。
トイカメラですもの。記事にもしていますが、Poraloid a520です。
今回は撮影していて、
カメラって、光を操る感覚がおもしろいなぁと思いました。
ひろこさんは北国なんですね。シベリアあたりですか？(・∀・)/ハスキー
トラックバック
http://kumacrow.blog111.fc2.com/tb.php/263-f9f62d9b
桜の花と、梅の花の写真、全部見てきました！
桜９がすごく好きです。白い空に桃色と桜の木のちょっと赤い色は
本当に綺麗でした！
color、これ、背景色はbackground-colorなのに、
なんで文字はfont-colorじゃなくて、colorだけなんだ！
とかなり悩んだ事があります。
今はもう「そういうもんだ」と思って悩む事もなくなったけど＾＾；