css添加背景图片

作者：冷空气来袭发布日期:2026-02-16 浏览:53

/* 添加背景图片的CSS代码示例 */

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

  /* 设置背景图片是否重复，no-repeat 表示不重复 */
  background-repeat: no-repeat;

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

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

这段代码将为<body>元素添加一个背景图片，并设置了图片不重复、居中显示以及按比例缩放以覆盖整个页面。你可以根据需要调整这些属性的值。

上一篇：css grid布局和flex布局

下一篇：css 倒数第二个元素