CSS構文マニュアル (5) 色と背景のプロパティ

1. color

機能: 前景色または要素の色を設定します。
数値: 色のキーワードまたは RGB 値を使用します。
例:

文字色(キーワード)

文字色(#rrggbb)

文字色[rgb(rr,gg,bb)]

文字色[rgb(r%,g%,b % )]

2.background-color

機能: ページまたはページ要素の背景色を設定します。
値:
Color - 使用可能な色の名前または RGB 値
transparent - 透明、ページの背景をデフォルトの背景にします。
例:

背景色

3. 背景画像

機能: 背景グラフィックを定義します。
値:
none - グラフィックを背景として使用しません
url - グラフィックファイルの URL アドレスを指定します
注: グラフィックが見つからない場合に使用する背景色属性を含めることもできます
例:

グラフィック背景

4 、background-repeat

機能: グラフィック背景を繰り返すかどうかを制御します。
値:
repeat - 垂直方向と水平方向に繰り返します、デフォルト値
repeat-x - 水平方向に繰り返します
repeat-y - 垂直方向に繰り返します
no-repeat - 繰り返しなし
説明: この属性は、background-image および background-position と一緒になります。属性を使用します。
例:

水平方向の繰り返し配置

5. 背景添付

機能: 要素の背景が要素とともにスクロールするか、ページ上の特定の位置に固定されるかを指定します。
値:
scroll - 要素とともにスクロールします。
fixed - 固定
説明:
デフォルト値はスクロールで、この属性はbackground-image属性と一緒に使用されます。

6.background-position

機能: 空間内で要素の背景を配置するために使用されます
値:
長さ - 相対単位または絶対単位で要素ボックスのエッジの開始点を設定し、単位内の座標を指定します。
パーセンテージ - ブラウザーが画像の配置を開始するボックスの端の位置をパーセンテージで示します。この値を繰り返して、垂直方向と水平方向の開始点を指定することもできます
垂直位置 - 垂直方向の開始点を設定します。キーワードは上、中央、下です。
水平位置 - 水平方向の開始点、キーワードは左に設定します、中央、右
例: 左上、左上、0% 0% はすべて、グラフィックの左上隅が要素ボックスの左上隅から始まることを意味します。 例:

Body {background- image:url(logo.gif);background-position:50% 50%}

このステートメントは、Body 基本クラスをページの中央に表示される背景グラフィックに設定します。

7. 背景

機能: 略語属性、すべての背景属性を設定できます。

値:
background-attachment
background-color
background-image
background-position
background-repeat
上記の値の詳細については、個々のプロパティのセクションを参照してください。

上記は CSS 文法マニュアル (5) 色と背景のプロパティの内容です。さらに関連する内容については、PHP 中国語 Web サイト (www.php.cn) をご覧ください。