文書の装飾等
文書の装飾を class を使って指定します。
<p>安芸太田町立筒賀小学校</p> これを基本形として
この文書に装飾を施します。
① 文字色を赤くする
安芸太田町立筒賀小学校
<p class="red">安芸太田町立筒賀小学校</p>
② 文字色を青くする
安芸太田町立筒賀小学校
<p class="blue">安芸太田町立筒賀小学校</p>
③ 文字色を緑にする
安芸太田町立筒賀小学校
<p class="green">安芸太田町立筒賀小学校</p>
④ 文字サイズを少し大きくする
安芸太田町立筒賀小学校
<p class="big">安芸太田町立筒賀小学校</p>
⑤ 文字サイズをさらに大きくする
安芸太田町立筒賀小学校
<p class="big-x">安芸太田町立筒賀小学校</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>