スポンサーサイト

文字色を変える

<font color="カラーコード">色を変えるテキスト</font>

非推奨とされおり、CSSの利用が薦められています。下に詳しく記述しています。

fontタグで囲んだテキストは、指定した色に変更されます。カラーコードの他にも直接色名を書き込む事も可能。色を確認したい方は、テンプレート・カラーテストをお試し下さい。

テキストに色を指定してみる

テキストのを変更しました。

  1. HTMLソース
  2. <p>
  3. テキストの<font color="#cc6600">色</font>を変更しまし<font color = "#cc3300">た。</font>
  4. </p>

CSSで指定する

上記のfontタグを使った色の変更は非推奨とされており、今から紹介する、CSSでの色変更が勧められています。

テキストのを変更しました。

  1. HTMLソース
  2. <p>
  3. テキストの<span class="col1">色</span>を変更しまし<span class="col2">た。</span>
  4. </p>
  1. CSSソース
  2. .col1{
  3.   color: #cc6600;
  4. }
  5. .col2{
  6.   color: #cc3300;
  7. }

前後の記事

最近の記事

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。