css背景图

作者：整整ー世♂陰霾そ发布日期:2026-07-16 浏览:89

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

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

  /* background-size 属性用于控制背景图像的大小 */
  background-size: cover; /* cover 表示图片会缩放以覆盖整个元素，可能会裁剪部分内容 */

  /* background-position 属性用于设置背景图像的位置 */
  background-position: center; /* center 表示图片居中显示 */

  /* background-repeat 属性用于设置背景图像是否重复 */
  background-repeat: no-repeat; /* no-repeat 表示图片不重复 */

  /* background-attachment 属性用于设置背景图像是否随页面滚动 */
  background-attachment: fixed; /* fixed 表示背景图固定，不会随页面滚动 */
}

以上代码展示了如何使用 CSS 设置一个网页的背景图，并对其进行了简单的解释说明。

上一篇：css内边距

下一篇：css内阴影