文書の装飾を class を使って指定します。
<p>尾道市立久保小学校</p> これを基本形として
この文書に装飾を施します。
① 文字色を赤くする
尾道市立久保小学校
<p class="red">尾道市立久保小学校</p>
② 文字色を青くする
尾道市立久保小学校
<p class="blue">尾道市立久保小学校</p>
③ 文字色を緑にする
尾道市立久保小学校
<p class="green">尾道市立久保小学校</p>
④ 文字サイズを少し大きくする
尾道市立久保小学校
<p class="big">尾道市立久保小学校</p>
⑤ 文字を太字にする
尾道市立久保小学校
<p class="bold">尾道市立久保小学校</p>
⑥ アンダーラインを引く
尾道市立久保小学校
<p class="underline">尾道市立久保小学校</p>
⑦ 文書をセンタリングする
尾道市立久保小学校
<p class="center">尾道市立久保小学校</p>
⑧ 文書を右寄せする
尾道市立久保小学校
<p class="right">尾道市立久保小学校</p>
⑨ ①~⑧を合せて指定することもできます。例えば緑色で,少し大きな文字で,太字で,センタリングし,アンダーラインを引く場合。
尾道市立久保小学校
<p class="green big bold center underline">尾道市立久保小学校</p>
⑩ 文書の一部分を装飾する場合。装飾する範囲を<span>と</span>で囲って指定します。
尾道市立久保小学校
<p>尾道市立<span class="blue big bold">久保</span>小学校</p>
⑪ ページタイトル用に特別に用意された装飾
尾道市立久保小学校
<p class="large">尾道市立久保小学校</p>
⑫ 後ろに【NEW】マークを付ける
尾道市立久保小学校
<p class="new">尾道市立久保小学校</p>