CSSで文字色を変える方法｜colorプロパティ

📌

結論

CSSの color プロパティで文字色を変えられます

文字を青くしたい— そんなとき使うのが color プロパティです。

📝 実際のコードはこちら

<h1>見出し</h1>
<style>h1 { color: blue; }</style>

CSSの基本構文

CSSはどの要素に何のスタイルを当てるかを指定します。

📝 実際のコードはこちら

セレクタ { プロパティ: 値; }

h1 { color: blue; } はh1要素の文字色を青にするという意味です。

実務ではHEXかRGBが一般的です。色名は限られるので、デザインカンプ通りにするにはHEXを使うことが多いです。

・文字色は color プロパティで変更・色の指定は色名・HEX・RGB・RGBAの4通り・実務ではHEXかRGBが主流

h1の文字色を青にするCSSを書いてみましょう。

🧪 ここで試せます ─ 壊しても大丈夫！

下のエディタで実際にコードを書いて、すぐにプレビューで確認できます。何度でもやり直せるので、思い切って色々試してみてください。

■ 演習

h1の文字色を青（blue）にしてください。

詰まったらヒント

color プロパティを使います。