[分享]css中如何添加背景图片

CSS中的背景图片可以通过background-image属性来添加。

background-image: url("图片URL"); 

其中，需要添加背景图片的元素的选择器放在前面，url()中的图片URL可以是相对路径或者绝对路径。

.header {
  background-image: url("header.jpg");
} 

上面的代码将给class为header的元素添加名为header.jpg的背景图片。

除了添加背景图片，background-image还可以用来添加其他背景效果，比如渐变、重复等。

.gradient {
  background-image: linear-gradient(to right, red, yellow);
}

.repeat {
  background-image: url("pattern.png");
  background-repeat: repeat;
} 

上面的代码中，.gradient元素将展示从左至右的红色到黄色的线性渐变背景，.repeat元素将展示名为pattern.png的图片在水平和垂直方向上无限重复的背景。