css背景上下满铺

在网页设计中，美观的背景图案是不可或缺的元素之一。有时候，我们需要让背景图案上下完全铺满整个页面，这就需要使用 CSS 来实现。

body {
  background-image: url(背景图像的路径);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
 

以上代码中，我们首先设置了背景图像的路径。然后，我们使用了 background-repeat: no-repeat 来防止图像在页面上重复显示。

background-size: cover 表示将背景图像缩放并完全覆盖整个页面。如果您想要按比例缩放图像并保持其宽高比，请使用 background-size: contain。

最后，我们使用 background-position: center center 将背景图像居中显示。

使用以上 CSS 代码，您就可以方便地使背景图案上下完全铺满整个页面。