css设置背景图

作者：戮尽逆者发布日期:2025-10-05 浏览:19

/* 设置背景图的示例代码 */

body {
  /* 使用 background-image 属性设置背景图 */
  background-image: url('path/to/your/image.jpg'); /* 替换为你的图片路径 */

  /* 可选：设置背景图的其他属性 */
  background-repeat: no-repeat; /* 背景图不重复 */
  background-size: cover; /* 背景图覆盖整个容器 */
  background-position: center; /* 背景图居中显示 */
}

解释说明：

background-image: 用于指定背景图片的路径。
background-repeat: 控制背景图片是否重复，默认是 repeat，可以设置为 no-repeat 防止图片重复。
background-size: 控制背景图片的大小，cover 表示图片会缩放以覆盖整个容器。
background-position: 控制背景图片的位置，center 表示图片居中显示。

上一篇：css top

下一篇：css position relative