css 给背景图设置高度度

CSS 是一种层叠样式表语言，它被用来描述 HTML 或 XML（包括 SVG、MathML 等）文档的呈现方式。CSS 对于网站的外观、排版布局以及交互效果起到了重要的作用。在 CSS 中，我们可以通过设置背景图像的高度来满足不同的需求。

  .background-img{
    background-image: url("img/background.jpg"); //设置背景图像
    background-size: cover; //背景图像尺寸，默认为auto，cover表示尽可能的填充容器
    height: 80vh; //设置背景图像的高度为容器的80%
  }

在上面的代码中，我们通过设置一个类名为 background-img 的元素来展示如何设置背景图像的高度。首先，我们通过 background-image 属性来指定要使用的背景图像，通过 url() 函数指定背景图像的路径。然后，我们通过 background-size 属性来设置背景图像的尺寸。缺省值为auto，我们使用了cover，表示尽可能的填充容器。最后，我们通过 height 属性设置了背景图像的高度为容器的80%。

通过使用 CSS，我们可以轻松的为网站设置漂亮的背景图像并控制其高度。同时，我们可以根据需要调整其他的属性，例如背景图像的透明度、位置和背景颜色等。