CSS を使って文字の装飾を決める

まず手始めに、文字（font）の 大きさ、色、太さなどをCSSで表現する方法を練習します

まずはこの文書全体の字の大きさを 少し大きい 14pt に、字の色を 濃紺 に設定しましょう。
全体を設定するので、style スペースに、BODY{color:navy}、やtable{font-size:14pt} としてCSS タグを書きます。

次に任意の場所にスタイルを設定する方法の練習です。
style スペースに、.クラス名｛プロパティ:値｝を書き、本文から呼び出します。

この行は字の大きさを10ポイントにしてみました。

この行は字の大きさを12ポイントにしてみました。

この行は字の大きさを太字の12ポイントにしてみました。

この行は字の大きさを14ポイントのままで、色を赤にしてみました。

この行は字の大きさを12ポイントに、色を赤にしてみました。

ここは14ポイント、ここは12ポイント、 ここは１０ポイントです。

ここは赤、ここは緑、 ここは濃紺です。

次は、行書体の練習です。
「謹賀新年」は36ポイント、「今年もどうぞよろしく」は24ポイントの中央配置にしてみました。

謹賀新年
今年もどうぞよろしく

最後に、style スペースにタグを書かず、本文中にタグを設定する方法の練習をしてみましょう。

この行は字の大きさを10ポイントにしてみました。

この行は字の大きさを12ポイントに、色を赤にしてみました。

ここは赤、ここは緑、ここは濃紺です。

以上

最初に戻る
ホームページ講習会に戻る