css背景图片

作者：冷视天下发布日期:2026-06-10 浏览:131

/* 设置背景图片 */
body {
  /* background-image 属性用于设置背景图片 */
  background-image: url('https://example.com/image.jpg');

  /* 背景图片平铺方式，no-repeat 表示不平铺 */
  background-repeat: no-repeat;

  /* 背景图片的位置，center 表示居中显示 */
  background-position: center;

  /* 背景图片的大小，cover 表示图片会按比例缩放以覆盖整个元素 */
  background-size: cover;
}

解释说明：

background-image: 用于指定背景图片的路径。这里使用了 url() 函数来指定图片的 URL。
background-repeat: 控制背景图片是否平铺。no-repeat 表示图片不会重复显示。
background-position: 设置背景图片的位置。center 表示图片会居中显示。
background-size: 控制背景图片的大小。cover 表示图片会按比例缩放以覆盖整个元素区域。

上一篇：css 图片居中

下一篇：css优先级