CSS 设置背景图片

在CSS中，您可以使用background-image属性来设置元素的背景图片。以下是一个简单的例子，展示如何为一个div元素设置背景图片：




.div-with-background {
  background-image: url('path-to-your-image.jpg'); /* 设置背景图片 */
  background-size: cover; /* 背景图片覆盖整个元素 */
  background-repeat: no-repeat; /* 背景图片不重复 */
  background-position: center; /* 背景图片居中 */
  width: 300px; /* 元素宽度 */
  height: 200px; /* 元素高度 */
}

在HTML中，您可以这样使用这个类：




<div class="div-with-background"></div>

这段代码会创建一个宽300像素、高200像素的div，并在其中居中、不重复地铺设背景图片。

CSS 设置背景图片

评论已关闭

推荐阅读