タグ・CSS
文字の色や大きさを部分的に変えるタグ
文字の色、大きさなどを部分的に変更するためのタグ一覧です。
※文字の色に関するタグは、こちらのカラージェネレーターで生成できます
文字に色をつける
<span style="color:カラーコード;">色を変えたい文字</span>
サンプル
色を変えたい文字(#c84361)
文字の大きさを変える
<span style="font-size:大きさ;">大きさを変えたい文字</span>
サンプル
大きさを変えたい文字(8px)
大きさを変えたい文字(25px)
大きさを変えたい文字(0.7em)
大きさを変えたい文字(1.2em)
文字の背景に色をつける
<span style="background-color:カラーコード;">背景に色をつけたい文字</span>
サンプル
背景に色をつけたい文字(#e78775)
色と大きさを変える
<span style="color:カラーコード;font-size:大きさ;">色と大きさを変えたい文字</span>
サンプル
色と大きさを変えたい文字(色:#c84361 大きさ:20px)
大きさと色と背景色を変える
<span style="color:カラーコード;font-size:大きさ;background-color:カラーコード;">文字</span>
サンプル
大きさと色と背景色を変える(文字色:#c84361 大きさ:18px 背景色:#e78775)
文字を太くして強調する
<strong>強調したい文字</strong>
サンプル
強調したい文字
文字に下線をつける
<span style="text-decoration: underline">下線をつけたい文字</span>
サンプル
下線をつけたい文字
文字を斜体にする
<span style="font-style:italic">斜体にしたい文字</span>
サンプル
斜体にしたい文字