ホームページ作成いまさらHTML,CSS講座

スタイルシート( CSS ) ページ全体の基本指定。

ソース

body{ background-color : #ffffff ; color : #000080 ; background : url(abcdefg.gif) ; margin-top : 0 ; margin-left : 0 ; }

-->
</style>

■ ページ全体のリンク色

a要素の定義済みクラス（link、visited、active、hover）を使い、リンクの状態に応じてスタイルシートを適用させます。

■ a:link
ハイパーリンクの表示を設定

■ a:visited
一度訪れたことのあるリンクの表示を設定

■ a:hover
ハイパーリンクにマウスを乗せた時の表示を設定

■ a:active
ハイパーリンクをクリックした時の表示を設定

⇒ 定義済みクラス

■ ページ全体の背景

■ background-colorプロパティ
背景色をRGB値、またはカラーネームで指定します。

■ background-imageプロパティ
背景に使う画像を指定します。

■ ページ全体の文字色

■ colorプロパティ
文字色をRGB値、またはカラーネームで指定します。

⇒ colorプロパティ

■ ページ全体の余白

■ margin-topプロパティ
ページ上部のマージンを指定します。

■ margin-bottomプロパティ
ページ下部のマージンを指定します。

■ margin-leftプロパティ
ページ左側のマージンを指定します。

■ margin-rightプロパティ
ページ右側のマージンを指定します。

margin-* の値はパーセント( % )または、値をつけた数値で指定します。また、数値のみで指定した場合の単位はピクセル( px )となります。

ホームページ作成 いまさらHTML,CSS講座