[分享]css中background属性设置高度

CSS中的background属性不仅可以设置背景颜色和图片，还可以通过设置height属性来控制背景的高度。 使用background的时候，我们可以设置以下三种值： 1.颜色值：使用颜色值作为背景...

CSS中的background属性不仅可以设置背景颜色和图片，还可以通过设置height属性来控制背景的高度。 使用background的时候，我们可以设置以下三种值： 1.颜色值：使用颜色值作为背景色，例如background: #ffcc00; 2.图片值：使用图片作为背景，例如background: url("图片路径"); 3.颜色和图片值组合：同时使用颜色和图片作为背景，还可以设置背景的位置、重复方式等，例如background: url("图片路径") no-repeat center center/cover; 不过，当我们使用background属性时，有时候我们需要控制背景的高度，这时我们就可以使用height属性来实现。 我们可以在background后面加上height属性来设置背景的高度，例如background: #ffcc00;height: 200px; 同时，我们也可以使用background-size属性来实现背景的拉伸或缩放，例如background: url("图片路径") no-repeat center center/cover;height: 300px; 需要注意的是，当我们使用height属性时，背景高度只是相对于其父元素的高度，如果父元素没有设置高度，那么设置背景的height属性是不起作用的。 总之，使用CSS的background属性可以实现丰富多彩的背景效果，当需要控制背景高度时，我们可以通过设置height属性来实现。

 background: #ffcc00;height: 200px;
    background: url("图片路径") no-repeat center center/cover;height: 300px;