关于cssbackgroundno-repeat的信息

CSS background-no-repeat

简介

CSS `background-no-repeat` 属性用于控制背景图像在元素上的平铺方式，设置其不重复平铺。

多级标题

内容详细说明

语法

```css background-no-repeat: [repeat | no-repeat | repeat-x | repeat-y]; ```

取值

`repeat`: 背景图像沿水平和垂直方向重复平铺。

`no-repeat`: 背景图像不重复平铺，仅平铺一次。

`repeat-x`: 背景图像沿水平方向重复平铺，垂直方向不重复。

`repeat-y`: 背景图像沿垂直方向重复平铺，水平方向不重复。

默认值

`repeat`

说明

`background-no-repeat` 属性与 `background-repeat` 属性结合使用，可以控制背景图像在元素上的平铺方式。如果 `background-repeat` 属性设置为 `no-repeat`，则 `background-no-repeat` 属性将失效。以下示例演示了 `background-no-repeat` 属性的用法：```css body {background-image: url("background.png");background-repeat: no-repeat; } ```在这个示例中，`background.png` 图像将不会重复平铺，而是一次性平铺到整个 body 元素上。

兼容性

| 浏览器 | 支持版本 | |---|---| | Chrome | 所有版本 | | Firefox | 所有版本 | | Safari | 所有版本 | | Edge | 所有版本 | | Internet Explorer | 9+ |

**CSS background-no-repeat****简介**CSS `background-no-repeat` 属性用于控制背景图像在元素上的平铺方式，设置其不重复平铺。**多级标题****内容详细说明****语法**```css background-no-repeat: [repeat | no-repeat | repeat-x | repeat-y]; ```**取值*** `repeat`: 背景图像沿水平和垂直方向重复平铺。 * `no-repeat`: 背景图像不重复平铺，仅平铺一次。 * `repeat-x`: 背景图像沿水平方向重复平铺，垂直方向不重复。 * `repeat-y`: 背景图像沿垂直方向重复平铺，水平方向不重复。**默认值**`repeat`**说明**`background-no-repeat` 属性与 `background-repeat` 属性结合使用，可以控制背景图像在元素上的平铺方式。如果 `background-repeat` 属性设置为 `no-repeat`，则 `background-no-repeat` 属性将失效。以下示例演示了 `background-no-repeat` 属性的用法：```css body {background-image: url("background.png");background-repeat: no-repeat; } ```在这个示例中，`background.png` 图像将不会重复平铺，而是一次性平铺到整个 body 元素上。**兼容性**| 浏览器 | 支持版本 | |---|---| | Chrome | 所有版本 | | Firefox | 所有版本 | | Safari | 所有版本 | | Edge | 所有版本 | | Internet Explorer | 9+ |