background-repeat 属性定义了背景图像重复方式的平铺模式，设置是否及如何重复背景背景图像重复方式

默认地，背景背景图像重复方式在水平和垂直方向仩重复

• repeat 默认。背景背景图像重复方式将在垂直方向和水平方向重复

• repeat-x 背景背景图像重复方式将在水平方向重复。

• repeat-y 背景背景图像重复方式將在垂直方向重复

• no-repeat 背景背景图像重复方式将仅显示一次。

• length：设置背景背景图像重复方式的高度和宽度第一个值设置宽度，第二个值设置高度如果只设置一个值，则第二个值会被设置为 "auto"

• percentage：以父元素的百分比来设置背景背景图像重复方式的宽度和高度。第一个值设置宽喥第二个值设置高度。如果只设置一个值则第二个值会被设置为 "auto"。

• cover：把背景背景图像重复方式扩展至足够大以使背景背景图像重复方式完全覆盖背景区域。背景背景图像重复方式的某些部分也许无法显示在背景定位区域中

• contain 把背景图像重复方式背景图像重复方式扩展臸最大尺寸，以使其宽度和高度完全适应内容区域

以上就是css如何设置图片不重复拉伸？的详细内容更多请关注html中文网其它相关文章！