TOP ＞ スタイルシートで文字をデザイン ＞ 文字の色（前景色）を指定する
文字の色（前景色）を指定する
文字の色を変えるには"color"プロパティを使用します。Webページを創るとき、 文字の色を変えたことがない人はいないのではないでしょうか？
たとえば、強調したい文字の色を赤色にしたり、見出しやタイトルの文字の色を変えたりすることは、文章の見栄えを良くしますし、 Webページを訪れる人にとってもメリハリのついたページ内容は読みやすいものです。
"color"プロパティで色の指定をする時はRGBの濃度で指定する方法と、色名で指定する方法があります。
スタイルシートで色の指定をする方法はコチラで確認してみてください。
文字色（前景色） を指定する
【書き方】
color : [ #rrggbb | #rgb | rgb(r,g,b) | rgb(r%,g%,b%) | 色名 ]
"文字の色（前景色）を指定する"のサンプルはコチラをクリック
- サンプルページのコードは以下の通りです。
|
<html> <head> <title>文字の色（前景色）を指定するのサンプル</title> <meta http-equiv="content-type" content="text/html"> <meta http-equiv="content-style-type" content="text/css"> <style type="text/css"> <!-- .c1{ color: #aa0000; font-weight: bold;} .c2{ color: #0a0; font-weight: bold;} .c3{ color: blue; font-weight: bold;} --> </style> </head> <body bgcolor="silver"> <span class="c1">#rrggbbの形でRGB値を指定して色を指定しています。色は濃いめの赤色です</span><br /> <span class="c2">#rgbの形でRGB値を指定して色を指定しています。色は緑色です</span><br /> <span class="c3">色名を直接指定して色を指定しています。色は青色です</span><br /> </body> </html> |
[
スタイルシートで文字をデザイン ]
