WEBページ作成リファレンス
cman.jp cman.jp > WEBページ作成TOP > CSSリファレンス > 「文字の色」

color 「文字の色」

文字の色を指定する場合は「color」を使用します。

文字の色と背景色との対比を確認し、背景色を変更する場合は、「background-color」を指定します。

CSS Ver.適用要素継承
2.1全要素する
広告

colorの指定方法

構文

color : ;

プロパティ/設定値意味
color : ; 色をコードやネームで指定。
色の見本参照。 見本以外の色は、色を作成」で、作成。
デフォルト:「タグ毎のスタイル初期値」を参照
ページTOP

color のサンプル


<style type="text/css">
.common div{
  font-family   : "メイリオ", sans-serif;
  width         : 290px;
  border        : 2px solid #6495ed;
  background    : #e7e7ff;
  padding       : 10px;
}
div.cssTitle {
  margin-top    : 10px;
  background    : #6495ed;
  color         : #fff;
  font-weight   : bold;
}
.css_color_red{
  color : red;
}
.css_color_ff0000{
  color : #ff0000;
}
.css_color_rgb{
  color : rgb(255,0,0);
}

<!-- html -->
<div class="common">

  <div class="cssTitle">color : red;</div>
  <div class="css_color_red">
  赤を色名で指定
  </div>

  <div class="cssTitle">color : #ff0000;</div>
  <div class="css_color_ff0000">
  赤を#RRGGBB形式で指定。
  </div>

  <div class="cssTitle">color : rgb(255,0,0);</div>
  <div class="css_color_rgb">
  CSSの「color」は、文字の色を指定します。CSS "color" specifies character spacing.
  </div>

</div>
color : red;
赤を色名で指定。
color : #ff0000;
赤を#RRGGBB形式で指定。
color : rgb(255,0,0);
赤をrgb形式で指定。
広告
QrCode
このページのURL
スマートフォン・タブレット運営 : CMAN 株式会社シーマン