[CSS] [HTML] スタイルシートによる文字色の変更 - フォントカラーの変更
このページのタグ:[CSS] [HTML]
スタイルシートを用いてフォントの色(文字色)を変更する方法を紹介します。

コード

CssFontColor.html


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link href="StyleFontColor.css" rel="Stylesheet" type="text/css" />
</head>
<body>
    <span class="FontColorBlue">白熊の毛は中が空洞になっている。</span>
    <br />
    <span class="FontColorGreen">白熊の毛は中が空洞になっている。</span>
    <br />
    <span class="FontColorRed">白熊の毛は中が空洞になっている。</span>

</body>
</html>

StyleFontColor.css



.FontColorBlue {
  color:#0000FF;
}

.FontColorRed {
  color:#FF0000;
}

.FontColorGreen {
  color:#00FF00;
}

解説

CSSの宣言ブロック内で"color"を記述するとフォントのカラーを変更できます。
カラー指定は"#RRGGBB"の表記で指定できます。他の指定方法もあります。詳しくはこちらの記事を参照してください。

実行結果


プライバシー    iPentecについて
iPentec all rights reserverd. (ISDC)