CSS 背景样式详解
在网页设计中，背景样式是塑造页面视觉效果的关键元素之一。通过 CSS 的背景属性，我们可以为页面添加丰富的视觉效果，包括背景颜色、背景图片、平铺方式、定位以及固定等。
背景颜色
背景颜色是最基础的背景属性，用于设置元素的背景色。默认值为 transparent（透明）。
div {
width: 200px;
height: 200px;
background-color: pink;
}
可接受的值包括颜色名称、十六进制值、RGB 值、RGBA 值。这通常用于为元素提供基础底色，或作为背景图片的补充。
背景图片
使用背景图片可以为元素添加更丰富的视觉效果。语法如下：
#image-test {
width: 200px;
height: 340px;
background-image: url(picture/Q.png);
}
- 语法：
background-image: none | url(图片地址) - 默认值：
none（无背景图） - 实际应用：常用于 logo、装饰性小图片或超大背景图，便于精确控制位置。
注意：背景图片会覆盖背景颜色。
背景平铺
控制背景图片是否以及如何在元素中平铺。
#image-test {
background-image: url(picture/Q.png);
background-repeat: no-repeat;
}
可选值说明：
repeat：默认值，在水平和垂直方向都平铺no-repeat：不平铺，只显示一次repeat-x：仅在水平方向平铺repeat-y：仅在垂直方向平铺
背景图片位置
精确控制背景图片在元素中的位置。参数可以是方位名词、精确单位或混合单位。
#image-test {
background-image: url(picture/Q.png);
: no-repeat;
: right center;
}
