CSSでカラーコードを使って色をつける

ここではカラーネームやカラーコードを使った色の見本を紹介します。

CSS（スタイルシート）で文字の色や背景の色を設定してみましょう。例題では、カラーネームとカラーコードの両方を使ってそれぞれ装飾しています。カラーコードを使用する際には最初に#（シャープ）を入力します。

HTMLコード記述例

<p class="sample1">サンプル１</p>
<p class="sample2">サンプル２</p>

外部ファイルCSS記述例

@charset "utf-8";

p.sample1 {
 color: white;
 background-color: sandybrown;
 padding: 5px;
}

p.sample2 {
 color: #FF8C00;
 background-color: #FFE4B5;
 padding: 5px;
}