CSS背景コードコレクション

css 背景コード: 1. 背景色、background-color: color-name;; 2. 背景画像、background-image: url('image-url');; 3. 背景の繰り返し、background- repeat:repeat-style;; 4. 背景位置、background-position:position-style; など。

CSS 背景コードは次のとおりです:

1. 背景色:

background- color : color-name;

ここで、 color-name には、有効な CSS カラー名または 16 進数のカラー値を指定できます。

2. 背景画像:

background-image: url('image-url');

このうち、image-url は、画像のURLアドレス。

3. バックグラウンドリピート:

background-repeat:repeat-style;

repeat-style は、repeat、repeat-x、またはrepeatのいずれかです。 -y は、背景画像を並べて表示する必要があるか、または特定の方向に並べて表示する必要があるかを示します。

4. 背景の位置:

background-position:position-style;

このうち、position-style は left、center、right のいずれかになります。 , ページ上の背景画像の位置を示します。

5. 背景サイズ:

background-size: size-style;

そのうち、size-style は auto、cover、または contains にすることができます。 , 背景画像のサイズを示します。

6. 背景の添付ファイル:

background-attachment: スクロール スタイル;

ここで、スクロール スタイルはスクロール、固定、またはスクロールのいずれかです。 local-origin は、背景画像がページとともにスクロールするか、ページの上に固定されているか、ページとともにスクロールするかを示します。

7. 背景色と画像:

background: color-name url('image-url');

背景を組み合わせることができますカラーと背景画像を合わせて設定します。

8. 背景のグラデーション:

background-image: Linear-gradient(direction, color-stop1, color-stop2, ...);

ここで、direction はグラデーションの方向で、下から上、左から右、または丸のいずれかです。カラーストップ これはグラデーション カラーであり、カンマで区切って複数存在することができます。

上記は CSS 背景コードの完全なコレクションであり、必要に応じて組み合わせて使用​​できます。

以上がCSS背景コードコレクションの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。