img
白 クリーム 黄色 淡い緑 水色 淡い青紫 淡いグレー グレー 黒 茶 赤 濃いピンク ピンク

文字に背景


文字に色を付ける

  IE6 NN7 OP8

文字色は青色
例: <span style="color: #0000ff;">文字色は青色</span>

#xxxxxx のような16進数ではなく、blueやyellowのような色名でも可。



文字の背景に色を付ける

  IE6 NN7 OP8

背景色は黄色
例: <span style=" background-color: yellow;">背景色は黄色</span>

文字の色を変える場合は color : 色名もしくはカラーコード; を追加
サイズを変える場合は font-size : 数値; を追加
文字を太くする場合は font-weight : bold; を追加
文字を斜体にする場合は font-style : italic; を追加
フォントを変える場合は font-family : フォント名; を追加

サイズ20px、文字色赤、背景色ピンク、斜体文字
例: <span style="font-size : 20px; color :red; background-color : #ffcccc; font-style : italic;">文字に複数指定</span>



文字の背景に画像を使う

  IE6 NN7 OP8

例: 背景画像はブルーのチェック
例: <span style="background-image:url(背景イメージ);">背景画像はブルーのチェック</span>

文字の色を変える場合は color : 色名もしくはカラーコード; を追加
サイズを変える場合は font-size : 数値; を追加
文字を太くする場合は font-weight : bold; を追加
文字を斜体にする場合は font-style : italic; を追加
フォントを変える場合は font-family : フォント名; を追加

例: 背景画像はブルーのチェック、サイズ20px、文字色青
例: <span style="background-image:url(背景イメージ); font-size:20px; color : #3366cc;">文字に複数指定</span>