css背景样式有哪些

在网页设计中，背景样式是非常重要的一部分。CSS中有很多可以使用的背景样式，下面就来一起了解一下。

1. 背景颜色：

body {
  background-color: #ffffff;
  /* 或者 */
  background-color: rgb(255, 255, 255);
}
 

背景颜色可以用十六进制值或者rgb值来表示。

2. 背景图片：

body {
  background-image: url("background.jpg");
  /* 或者 */
  background: url("background.jpg") no-repeat center center fixed;
}
 

可以用url()函数来引入背景图片，并且可以设置不重复、居中、固定等属性。

3. 背景定位：

body {
  background-position: center;
  /* 或者 */
  background-position: 50% 50%;
}
 

可以用center来设置背景图片的居中位置，或者在值中使用百分比来设置背景图片的位置。

4. 背景重复：

body {
  background-repeat: repeat;
  /* 或者 */
  background-repeat: no-repeat;
}
 

可以用repeat来设置背景图片重复，或者用no-repeat来设置不重复。

5. 背景大小：

body {
  background-size: auto;
  /* 或者 */
  background-size: cover;
}
 

可以用auto来设置背景图片大小自适应，或者用cover来设置背景图片覆盖整个元素。

以上就是部分CSS背景样式的介绍，希望对大家有所帮助。