css background:背景图片拉伸铺满

作者：Cold—blooded凉薄发布日期:2025-06-18 浏览:74

/* CSS代码示例：背景图片拉伸铺满 */

body {
  /* 设置背景图片 */
  background-image: url('your-image-url.jpg');

  /* 背景图片拉伸以铺满整个容器 */
  background-size: cover;

  /* 背景图片位置设置为覆盖整个元素 */
  background-position: center;

  /* 确保背景图片不重复 */
  background-repeat: no-repeat;
}

解释说明：

background-image: 设置背景图片的路径。
background-size: cover: 让背景图片拉伸以完全覆盖背景区域，可能会裁剪部分内容以适应容器大小。
background-position: center: 将背景图片居中显示。
background-repeat: no-repeat: 防止背景图片重复显示。

如果需要进一步调整或有其他问题，请随时告知。

上一篇：gap css

下一篇：css计算属性