css 背景

CSS作为一种样式设计语言，不仅可以为网页添加美观的外观，还能为页面的可读性和可用性提供帮助。其中，CSS 背景属性是控制元素的背景样式的属性之一。我们来一起看看 CSS 背景是如何工作的。

/* CSS 背景的语法 */

background: background-color background-image background-repeat 
background-attachment background-position;

/* 例如 */
background: #fff url(../images/bg.png) no-repeat center top;

/* CSS 背景属性的含义 */

background-color：设置元素的背景色。值可为颜色名称、十六进制颜色值或RGB颜色值等。

background-image：设置元素的背景图像（也可以用它来添加渐变背景）。

background-repeat：设置元素的背景图像重复方式，可选值为repeat（默认）、no-repeat、repeat-x、repeat-y。

background-attachment：设置元素的背景图像是固定（fixed）的，还是随着页面的滚动滚动（scroll）的。

background-position：设置元素背景图像在元素内的位置，值可为关键字如center、top等，也可为像素单位或百分比。

/* CSS 背景实例 */

p {
   background-color: #fff; /*背景颜色*/
   background-image: url(../images/bg.png); /*背景图片*/
   background-repeat: no-repeat; /*不重复*/
   background-attachment: fixed; /*固定*/
   background-position: center top; /*位置*/
}

CSS 背景可见度可以通过 CSS opacity 属性来设置。CSS 背景也可以用于添加渐变背景。使用 CSS 背景使网页设计更加灵活，可以吸引用户的注意力，增加网站的访问量。