背景色とテキスト色
ページの色設定
HTMLの構成に必ず<body>要素というタグはひとつ記述することになります。この<body>要素に属性を付け加えることで、ページ全体の配色を変えることができます。
<html>
<head></head>
<body>
</body>
</html>
<head></head>
<body>
</body>
</html>
上記は、HTML基本構造になります。赤字の<body>要素に下記のように属性を追加します。
<html>
<head></head>
<body bgcolor="#FFCCCC" text="#FF0099" link="#CC0066" vlink="#CC6666" alink="#CC6666">
</body>
</html>
<head></head>
<body bgcolor="#FFCCCC" text="#FF0099" link="#CC0066" vlink="#CC6666" alink="#CC6666">
</body>
</html>
それぞれの属性の説明は下記の通りです。
| 属性 | 説明 | デフォルト |
| bgcolor | 背景色を指定します。 | #FFFFFF（白） |
| text | 通常テキストの色を指定します。 | #000000（黒） |
| link | リンクテキストの色を指定します。 | #0000FF（青） |
| vlink | 一度訪れたページのリンクテキストの色を指定します。 | #800080（紫） |
| alink | カーソルを合わせた時のリンクテキストの色を指定します。 | ─ |
また、属性を記述しない場合のデフォルトの値は表の通りの色になります。alink属性に関しては、記述しなければ背景色の色に依存します（一部機種では異なる可能性もあります）。
このようにページ全体の色の設定を<body>要素にまとめて記述できます。
ページの配色を行う場合は、配色シミュレータを用意してあるので、是非ご利用ください。また、ページの中で一部分の文字の色を変えたい場合は、文字の色・大きさを参考にしてください。
