
background 属性是HTML中用来设置元素背景的属性。通过 background 属性,可以设置背景颜色、背景图片以及背景位置等。它适用于所有HTML标签,如 、
等等。
background属性有多个可用属性值,分别包括:background-color、background-image、background-repeat、background-position等等。下面将分别介绍这些属性值的用法及作用。
1. background-color:用于设置元素的背景颜色。
background-color 既可以使用CSS颜色值,也可以使用十六进制颜色值,如:"red"、"#FF0000"、"rgb(255
0
0)"等。例如:
```html
```
2. background-image:用于设置元素的背景图片。
background-image 需要指定一个图片的URL地址。图片可以是相对路径或者*路径。例如:
```html
```
3. background-repeat:用于设置背景图片是否重复显示。
默认情况下,背景图片会自动重复显示,以填充整个元素的大小。可以使用 background-repeat 属性来控制图片的重复方式。可以设置的值有:"repeat"(默认值,背景图片在水平和垂直方向都重复)、"repeat-x"(背景图片在水平方向重复)、"repeat-y"(背景图片在垂直方向重复)、"no-repeat"(背景图像不重复)。例如:
```html
```
4. background-position:用于设置背景图片的起始位置。
当背景图片比元素的大小大时,可以使用 background-position 来设置背景图片的起始位置。可以设置的值有:水平方向("left"、"center"、"right")和垂直方向("top"、"center"、"bottom")。例如:
```html
```
以上就是 background 属性的一些常用属性值及用法。通过设置不同的属性值,可以实现各种各样的背景效果,提高网页的美观性和用户体验。