css背景图片设置

作者：昂首向前走，发布日期:2025-07-04 浏览:98

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

  /* background-size 属性用于控制背景图片的大小 */
  background-size: cover;

  /* background-repeat 属性用于控制背景图片是否重复 */
  background-repeat: no-repeat;

  /* background-position 属性用于控制背景图片的位置 */
  background-position: center;
}

解释说明：

background-image: 用于指定背景图片的路径。
background-size: 控制背景图片的大小，cover 表示图片会按比例缩放以覆盖整个元素区域。
background-repeat: 控制背景图片是否重复显示，no-repeat 表示不重复。
background-position: 控制背景图片的位置，center 表示图片居中显示。

上一篇：css字体样式

下一篇：css inset