文字に色をつける
※簡単更新機能を使用中のときは「HTMLの挿入」から設定ができます。
文字の色は太字にするときと同じように、色を変更したい箇所の前後を囲う記述を追加します。
使うのは、下記の記述です。
<span class="fc-red">ここに文字を入れます</span>
色を変更したい文字の前後に【<span class="fc-red">~</span>】の記述を追加します。
※「fc-red」は「font color(文字の色)」の略で、「red(赤)」は色の指定です。
標準の文字
赤色の文字
文字色の記述は全て<span class="fc-●">~</span>となります。
●部分は色の名前が入ります。
使える色は、下記の通りです。
- 黒
- <span class="fc-black">テキスト</span>
- グレー
- <span class="fc-gray">テキスト</span>
- シルバー
- <span class="fc-silver">テキスト</span>
- 白
- <span class="fc-white">テキスト</span>(※文字色が白の為背景に黒を設定しています。)
- 赤
- <span class="fc-red">テキスト</span>
- ブラウン
- <span class="fc-brown">テキスト</span>
- オレンジ
- <span class="fc-orange">テキスト</span>
- 黄
- <span class="fc-yellow">テキスト</span>
- 黄緑
- <span class="fc-lime">テキスト</span>
- 水色
- <span class="fc-aqua">テキスト</span>
- 青
- <span class="fc-blue">テキスト</span>
- フクシャ
- <span class="fc-fuchsia">テキスト</span>
- ピンク
- <span class="fc-pink">テキスト</span>
- 赤茶
- <span class="fc-maroon">テキスト</span>
- オリーブ
- <span class="fc-olive">テキスト</span>
- 緑
- <span class="fc-green">テキスト</span>
- 青緑
- <span class="fc-teal">テキスト</span>
- 紺
- <span class="fc-navy">テキスト</span>
- 紫
- <span class="fc-purple">テキスト</span>
使用例:
<span class="fc-brown">文字をブラウンにする</span>
<span class="fc-blue">文字を青にする</span>
