css图片拉伸失真怎么办 |简单css模板代码

提取css文件，动态渐变背景css，css字体居中怎么写，内容上垂直居中 css，css设置左浮动是什么，css怎么将加照片呢，简单css模板代码 css图片拉伸失真怎么办 |简单css模板代码

background-image: url("xxx.jpg");
background-size: cover;

利用CSS中的background-size属性，大家可以设置背景图片的大小，来适应所在的位置。如果设置为cover，表示尽量铺满整个区域。如果不想铺满，可以设置为contain。

background-image: url("xxx.jpg");
background-repeat: no-repeat;
background-size: 100% 100%;

还可以单独使用background-size属性对宽度与高度进行设置，使图片铺满所在的位置。并且设置background-repeat为no-repeat，则可以避免图片重复出现。

如果背景图片是平铺过的结果，就会是图片铺满整个区域，但不会失真，因为每一个小块都是原图片的一部分。

综上所述，大家可以根据具体情况选择不同的设置方式，避免图片拉伸失真。