css背景图片属性（css 背景图片属性）

CSS 背景图片属性

简介

背景图片属性用于为 HTML 元素设置背景图像。它可以创建各种视觉效果，例如添加纹理、图案或图像到元素中。

一级标题：语法

```css background-image: url(image.png); ```

`url()`：指定图像文件的路径。

`image.png`：图像文件的名称和扩展名。

一级标题：属性值

背景图片属性可以设置以下值：

none：

移除背景图像。

url(image.png)：

指定图像的 URL。

linear-gradient()：

创建线性渐变背景。

radial-gradient()：

创建径向渐变背景。

repeating-linear-gradient()：

创建重复线性渐变背景。

repeating-radial-gradient()：

创建重复径向渐变背景。

二级标题：重复背景

背景图像可以重复或不重复。 `background-repeat` 属性用于控制重复行为：

repeat-x：

水平重复图像。

repeat-y：

垂直重复图像。

no-repeat：

不重复图像。

repeat：

重复图像在水平和垂直方向。

二级标题：背景位置

背景图像可以在元素内定位。 `background-position` 属性用于控制位置：

left|right top|bottom：

指定图像从元素的左上角、右上角、左下角或右下角开始的位置。

center center：

将图像居中对齐。

二级标题：背景大小

背景图像可以调整大小以适合元素。 `background-size` 属性用于控制大小：

auto：

自动调整图像大小以适合元素。

contain：

缩放图像以使其完全适合元素，同时保持其纵横比。

cover：

缩放图像以覆盖整个元素，同时保持其纵横比。

100% 100%：

将图像拉伸到元素的整个大小。

示例

以下示例为 `