Menu
Coddy logo textTech

テキストの色

CoddyのHTMLジャーニー「Styling with CSS」セクションの一部 — レッスン 17/76。

CSSにおいて、colorプロパティは要素内のテキストの色を設定するために使用されます。テキストにさまざまな色の値を適用して、ウェブページの見た目を向上させることができます。

selector {
    color: value;
}

例えば:

h3{
  color: purple;
}
challenge icon

チャレンジ

簡単

見出し(<h1>)と段落(<p>)が含まれるHTMLドキュメントが与えられます。あなたのタスクは、colorプロパティを使用してこれらの要素をスタイリングすることです。以下の手順に従ってください:

  1. <h1>要素をターゲットにするCSSルールを記述します。colorpurpleに設定してください。
  2. <p>要素をターゲットにするCSSルールを記述します。coloryellowに設定してください。

チートシート

color プロパティは、要素内のテキストの色を設定します:

selector {
    color: value;
}

例:

h3 {
    color: purple;
}

自分で試してみよう

<html>
<head>
    <title>Text Color</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
</body>
</html>
quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

Styling with CSSのすべてのレッスン