文字に色を付ける

color

見出しや本文などに応じて、それぞれの文字色を指定します。
文字に色を付けるには color プロパティを使います。
ここでは、ページ全体の <bodey> 要素を「黒」、大見出しの <h1> 要素を「濃い赤色」、
中見出しの <h2> 要素を「濃い青色」にして見ましょう。

前で文字サイズを指定したページの文字色を指定します。


（画面クリックでWEB上のサイズを見てください。）


上のページに文字色を指定します。

<html>
<head>
<title>スタイルシート覚書</title>

<style type="text/css">
<!--
body {
　　margin-left:15%;
　　margin-right:15%;
　　color:#000000;
}
h1 {
　　font-size:42px;
　　color:#993333;
}
h2 {
　　font-size:20px;
　　color:#000099;
}
p {
　　font-size:16px;
}
-->
</style>

</head>
<body>
・・・・・・・・以下略・・・・・・・・


（画面クリックでWEB上のサイズを見てください。）

文字色を指定するプロパティ
color：色名　または　#カラーコード；
color プロパティは、文字色を指定するプロパティです。
文字色は、色名やカラーコードで指定します。
色名は「red」や「blue」「green」などの英語の色の名称で、
次の16色がHTMLの使用で規定されています。
Red
#FF0000		 Yellow
#FFFF00		 Lime
#00FF00		 Aqua
#00FFFF
Blue
#0000FF		 Fuchsia
#FF00FF		 Maroon
#800000		 Olive
#808000
Green
#008000		 Teal
#008080		 Navy
#000080		 Purple
#800080
Gray
#808080		 Silver
#C0C0C0		 Black
#000000		 White
#FFFFFF