トップ > 逆引きリファレンス > 色

ページ全体の色(背景色)を変えるには

ページ全体の色を変えるには、<body> に background-color を指定します。

<body style="background-color: pink;">

文字の色を変えるには

文字の色を変えるには、color を用います。<span><div> など、任意のタグに指定することができます。

<span style="color:red">赤い文字</span>

文字の色を一度に変えるには

<head>~</head> の間に次のようなスタイルシートを記述します。body は本文全体、a:link は <a> によるリンク、a:visited は訪問済みリンク、a:active はアクティブ中(主にはクリック中)のリンクを意味します。

<html>
<head>
</title>TEST</title>
<style type="text/css">
<!--
body { color: #333333; }
a:link { color: #009900; }
a:visited { color: #006600; }
a:active { color: #ff0000; }
-->
</style>
</head>
<body>
  :
</body>
</html>

もしくは、外部スタイルシートファイルを用いて、複数のページのスタイルを一度に変更することもできます。「スタイルシートの指定方法」を参照してください。

マウスを乗せたときのリンクテキストの色を変えるには

リンクテキストにマウスを乗せたときの色を変えるには、スタイルシートの hover を用います。

<style type="text/css">
<!--
a:hover { color: #ff0000; }
-->
</style>

Copyright (C) 2003-2013 杜甫々
初版: 2003年10月12日、最終更新:2013年1月6日
http://www.tohoho-web.com/how2/color.htm