css背景图边长而不变高

CSS的背景图，一般可以用于装饰页面或者呈现重要的信息，但有时候在设置背景图时会出现一种情况——背景图边长，但不变高。

background-image:url('background.jpg');
    background-size:100px 80px;
    background-repeat:no-repeat;
    

在上述代码中，我们设置了一张名为background.jpg的背景图，大小为100像素宽、80像素高，并且不重复。但是，如果我们想要让这张背景图边长而不变高，该怎么办呢？

background-image:url('background.jpg');
    background-size:auto 80px;
    background-repeat:no-repeat;
    

这时，我们只需要把background-size的宽度设置为auto，高度设置为指定的像素数即可。这样，无论背景图的宽度多大，都会以设置的高度来显示，同时保持比例不变。

通过这样的设置，我们就能够很方便、快捷地达到背景图边长而不变高的效果，使整个页面看起来更加美观、协调。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！