CSS-スタイルシート-の文字<font>の色の指定方法について紹介しています。

初心者でもできるホームページ制作&SEO
初心者でもできるホームページ制作&SEOホームページ制作CSS講座フォントの指定>文字の色を指定する
フォントの指定
CSS講座
ホームページ制作



文字の色を指定する



まず始めに、HTML内での色を表し方ですが、6桁の英数字で示す方法と、色名で示す方法などがあります。


どういうことかというと、例えば赤色なら6桁の英数字で示す場合、『#ff0000』となり、色名で示す場合は『red』といった形になります。


6桁の英数字で示す方法が、膨大な種類の色を指定することができるため、一般に利用されていますので、ここでも6桁の英数字ということで紹介させていただきます。


タグに直接記述する場合


以下のように記述することにより、その記述された<p>で囲まれた箇所の文字の色を指定することができます。


<p style="color:#6桁の英数字;">


赤文字の【color】が文字の色を指定する記述になります。


ページの<head>内に記述する場合


以下のように<head>内に記述することにより、その記述されたページの<p>で囲まれた箇所全ての文字の色を指定することができます。
解りやすいよう、<head>から記述します。


<head>
<style type="text/css">
<!--p{color:#6桁の英数字;}-->
</style>
</head>


外部のCSSファイルに記述する場合


以下のように外部CSSファイルに記述することにより、そのファイルの読み込まれたページの<p>で囲まれた箇所全ての文字の色を指定することができます。




サイトマップ 更新履歴 問い合わせ サイト&管理人紹介 相互リンクについて リンク集
Copyright(C)2008-2010 Homepage making & SEO that even beginner can do All Rights Reserved