「文字の大きさなどの装飾を変えたい」ってときって、CSSの変更で解決すること多いですよね
でも、ブログの本文などでは「ここだけでいいよ」って場合もあると思います
ここでは、ブログ本文内で タグで文字修飾するサンプルです
文字の色・大きさを変える
文字自体の色を変える
<タグ記入例>
<span style=”color:red;”>赤色</span>
<span style=”color:blue;”>青色</span>
<span style=”color:yellow;”>黄色</span>
<span style=”color:#00ff7f;”>カラーコード</span>
<このように表示されます>
赤色
青色
黄色
カラーコード
カラーコードは、RGB(赤緑青)の順で 16進2桁区切りで表記します
文字の背景色を変える
<タグ記入例>
<span style=”background-color:red;”>赤色</span>
<span style=”background-color:#00ff7f;”>カラーコード</span>
<このように表示されます>
赤色
カラーコード
文字の大きさを変える
<タグ記入例>
<span style=”font-size:12px;”>12ピクセルの文字</span>
<span style=”font-size:20px;”>20ピクセルの文字</span>
<span style=”font-size:x-large;”>x-largeの文字</span>
<このように表示されます>
12ピクセルの文字
20ピクセルの文字
x-largeの文字
他に large x-large xx-large small x-small xx-small があります
その他の装飾
<タグ記入例>
<span style=”font-style: italic;”>斜め文字</span>
<i>斜め文字</i>
<span style=”font-weight: bold;”>太字</span>
<b>太字</b>
<span style=”text-decoration: underline;”>アンダーライン</span>
<span class=”marker-under”>アンダーマーカー</span>
<span class=”strike”>打ち消し線</span>
<このように表示されます>
斜め文字
斜め文字
太字
太字
アンダーライン
アンダーマーカー
打ち消し線
とりあえず 思いつくまま並べてみました
使えるそうなものも あると思います
コメント