CSS总结02

作者：System 时间：2024年08月22日分类：所有,css 字数：678

这篇文章距离上次修改已过434天，其中的内容可能已经有所变动。

在CSS中，可以使用多种技术来创建图片背景，并对其进行样式设置。以下是一些常用的方法：




div {
  background-image: url('image.jpg');
}




div {
  background-size: cover; /* 或者 contain, auto */
}




div {
  background-position: center center; /* 或者 top, bottom, left, right */
}




div {
  background-repeat: no-repeat; /* 或者 repeat-x, repeat-y */
}




div {
  background-color: rgba(255, 255, 255, 0.5); /* 最后一个参数是透明度 */
}




div {
  background: url('image.jpg') no-repeat center center / cover;
}

这些是CSS中设置背景图片的基本方法，可以根据需要选择合适的属性进行组合使用。