CSS 背景

CSS background 属性用于定义元素的背景效果。有 5 种 CSS background 属性会影响 HTML 元素。

1. background-color
2. background-image
3. background-repeat
4. background-attachment
5. background-position

1) CSS background-color

background-color 属性用于指定元素的背景颜色。

您可以这样设置背景颜色

输出

我的第一个 CSS 页面。

你好 Javatpoint。这是 CSS background-color 的一个例子。

2) CSS background-image

background-image 属性用于将图像设置为元素的背景。默认情况下，图像会覆盖整个元素。您可以这样为页面设置背景图像。

注意：背景图像应根据文本颜色选择。文本和背景图像的组合不佳可能会导致网页设计不佳且难以阅读。

3) CSS background-repeat

默认情况下，background-image 属性会水平和垂直地重复背景图像。有些图像仅水平或垂直重复。

如果图像仅水平重复，背景看起来会更好。

background-repeat: repeat-x;

background-repeat: repeat-y;

4) CSS background-attachment

background-attachment 属性用于指定背景图像是固定还是随浏览器窗口中页面的其余部分一起滚动。如果设置为 fixed，背景图像在浏览器滚动时不会移动。让我们用固定的背景图像举个例子。

5) CSS background-position

background-position 属性用于定义背景图像的初始位置。默认情况下，背景图像位于网页的左上角。

您可以设置以下位置

1. center
2. top
3. bottom (底部)
4. 左
5. 右