文字色の指定
色の指定方法は、RGBの数値でしているする方法と、キーワードで指定する方法があります。色の扱いについての詳細はスタイルシートにおける色の扱いを参照してください。
色指定がされていない文字には、ユーザーのブラウザ設定に従った色が表示されます。
HTML文書
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css>
<title>文字色の指定</title>
<style type="text/css">
<!--
body {background-color:black}
.sample1 {color:#ff0000}
.sample2 {color:#ff00ff}
.sample3 {color:#008800}
.sample4 {color:#fff}
.sample5 {color:#0f0}
.sample6 {color:#00f}
.sample7 {color:rgb(128,0,0)}
.sample8 {color:rgb(255,255,0}
.sample9 {color:rgb(0,128,128)}
.sample10 {color:rgb(75%,75%,75%)}
.sample11 {color:rgb(50%,0%,50%)}
.sample12 {color:rgb(0%,0%,50%)}
.sample13 {color:gray}
.sample14 {color:olive}
.sample15 {color:aqua}
-->
</style>
</head>
<body>
<p>
<span class="sample1">テ</span>
<span class="sample2">キ</span>
<span class="sample3">ス</span>
<span class="sample4">ト</span>
<span class="sample5">の</span>
<span class="sample6">色</span>
<span class="sample7">を</span>
<span class="sample8">変</span>
<span class="sample9">更</span>
<span class="sample10">し</span>
<span class="sample11">て</span>
<span class="sample12">み</span>
<span class="sample13">ま</span>
<span class="sample14">す</span>
<span class="sample15">。</span>
</p>
</body>
</HTML>
テ キ ス ト の 色 を 変 更 し て み ま す 。