CSS新手入门笔记整理：CSS3背景样式

/* 设置背景图片，并设置其大小，位置和是否重复 */
.background-image {
  background-image: url('image.jpg');
  background-size: cover; /* 背景图片覆盖整个容器 */
  background-position: center; /* 背景图片居中 */
  background-repeat: no-repeat; /* 背景图片不重复 */
}
 
/* 使用多个背景图片 */
.multiple-backgrounds {
  background-image: url('first-image.jpg'), url('second-image.jpg');
  background-position: left, right;
  background-repeat: no-repeat, no-repeat;
}
 
/* 设置背景图片的透明度 */
.background-opacity {
  background-image: url('image.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.5; /* 整个容器的透明度为50%，包括背景图片 */
}
 
/* 使用渐变背景 */
.gradient-background {
  background: linear-gradient(to right, red, yellow);
}

这个代码示例展示了如何在CSS中设置背景图片、多个背景图片、背景图片透明度以及如何使用渐变背景。这些是CSS背景样式的基本应用，对于初学者来说具有很好的教育价值。