Dreamweaver TechniqueJAVA Script サンプル | CSS sample | JAVA Applet sample | Flash Sample
HTML4.0 reference | DynamicHTMLXHTML | XML sample | XSLT sample | RIKO's ASP Trial
ASP ADO リファレンス | PHP関数リファレンス | MySQL関数リファレンス

文字色の指定

■ 文字色の指定

色の指定方法は、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>

<<<戻る

R HOUSE | RIKO's Trial Page | Shirley's Pettit Case | Shirley's i-box | Shirley's little box | CSS Trial