RGBカラー
CoddyのHTMLジャーニー「CSSによるスタイリング」セクションの一部。レッスン 27/76。
CSSでは、RGB colorsはrgb()関数記法を使って色を指定する方法です。RGBは赤、緑、青を表し、それぞれの色は0から255までの値で表されます。これら3つの原色の異なる強度を組み合わせることで、幅広い色を作り出せます。
CSSでRGBカラーを使う基本的な構文は次のとおりです。
selector {
color: rgb(red, green, blue);
background-color: rgb(red, green, blue);
}例：
p {
color: rgb(255, 0, 0); /* 赤 */
background-color: rgb(0, 255, 0); /* 緑 */
}
h1 {
color: rgb(0, 0, 255); /* 青 */
}
.highlight {
background-color: rgb(255, 255, 0); /* 黄 */
}
チャレンジ
簡単見出し（<h1>）、段落（<p>）、および区分（<div>）を含むHTMLドキュメントが与えられています。ページ上のすべての要素に、好きな背景色と文字色を設定してください。その際、rgb()を使用してください。
デフォルトの色は受け付けられません！
自分で試してみよう
<html>
<head>
<title>RGB Colors</title>
<style>
/* Write CSS rules here */
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<div>This is a division.</div>
</body>
</html>
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
CSSによるスタイリングのすべてのレッスン
自分で練習してみよう: Webプレイグラウンド