HTML の 文字 に 色 を つける ～CSS color: カラーコード;～

目的

• HTMLファイルの文字の色を設定する方法をまとめる

押さえるポイント

• 文字の色を変えたい要素をCSSで指定して色を設定する。
• colorプロパティを使用する。
• 色の指定にはカラーコードを用いて指定する。
  ※カラーコード・・・色を表すRGB値を十六進法で表記した文字列の事
  ※カラーコードの見本はこちらで確認できます。

書き方の例(CSS)

要素の名前かクラス名 {
    /* カラーコードで文字の色を設定する */
    color: カラーコード;
}

より具体的な例

HTMLのh1要素の文字を赤に設定する。

～サンプルコード～

• 下記にHTMLファイルの内容を記載する。

<h1>おはようございます。</h1>

• CSSで上記のHTMLファイルのh1要素の文字の色を赤色にする設定を行う。
• 下記にCSSファイルの内容を記載する。

h1 {
   color: #ff0000;
}