テキストの色
CoddyのHTMLジャーニー「Styling with CSS」セクションの一部 — レッスン 17/76。
CSSにおいて、colorプロパティは要素内のテキストの色を設定するために使用されます。テキストにさまざまな色の値を適用して、ウェブページの見た目を向上させることができます。
selector {
color: value;
}例えば:
h3{
color: purple;
}チャレンジ
簡単見出し(<h1>)と段落(<p>)が含まれるHTMLドキュメントが与えられます。あなたのタスクは、colorプロパティを使用してこれらの要素をスタイリングすることです。以下の手順に従ってください:
<h1>要素をターゲットにするCSSルールを記述します。colorをpurpleに設定してください。<p>要素をターゲットにするCSSルールを記述します。colorをyellowに設定してください。
チートシート
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>このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。