« 『 24 -Column-
 -トップページのレイアウト- 』
| トップページ | 『 26 構造編(1)Bトップページの作成-CSS編④文字のフォント/色/行の高さ/大きさ/太さを設定する 』 »

2008年12月 6日 (土)

『 25 構造編(1)Bトップページの作成-CSS編③背景の設定をする 』


●公務員の勉強重視→更新の遅れが生じています

仲間だいすけのHP公開

さて、今回はホームページの背景を設定します。

共通の最背景を設定する

仲間だいすけ,背景の設定,backgroundプロパティ

全ページ共通の背景を設定するには、外部CSSファイルによる一括設定が便利だと思います。

【CSSの記述
方法】
に従い下
記のように設定
します。

【1】セレクタ→ body
【2】プロパティ→ background
【3】値→ url("http://~")

■■■■■■■

仲間だいすけの(DAI)のHP制作過程

■■■■■■■
【色だけの指定も可】

仲間だいすけ,背景の設定,background-colorプロパティ

色を背景にする
場合は、プロパ
ティ部分を以下
のように変えま
す。

background-color: #000000;

これで最背景の画像および色の設定ができました。同じ要領で他の部分の背景を設定することにする仲間でした(^^)

応用

・画像を設定する場合で、繰り返しパズルのように設定したいとき
→同一セレクタ内にプロパティrepeat;を加える
・色の指定
→「#16進数(#FFFFFF)」で指定
※「色の名前(例 red)」でも指定可能なもの→基本色のみ

このページ『 25 』のトップ

まとめ

おすすめ→色一覧

仲間だいすけのHP公開


仲間だいすけのHP,背景の設定例,CSS

このページ『 25 』のトップ

|

« 『 24 -Column-
 -トップページのレイアウト- 』
| トップページ | 『 26 構造編(1)Bトップページの作成-CSS編④文字のフォント/色/行の高さ/大きさ/太さを設定する 』 »

※[ 6 ] HTML-構造編(1) B トップページの作成- CSS編」カテゴリの記事