css中可以通过设置背景图片的属性来实现图片不拉伸的效果。我们通常使用以下两种方法：
方法一：background-size
使用background-size属性来定义背景图像的大小，可以指定背景图像的宽度和高度，也可以使用cover或contain来自适应背景图像大小。使用cover时，背景图像会被拉伸以填满元素的整个宽度和高度，但是不会变形。使用contain时，背景图像则会在元素中保持原始大小，同时最大化地填充元素。
例如，以下代码可以在不拉伸的情况下将背景图像设置为一个固定大小：
div {
background-image: url("example.jpg");
background-size: 300px 200px;
}方法二：background-position
立即学习“前端免费学习笔记（深入）”；
使用background-position属性可以设置背景图像的位置，其中值可以是具体的像素值或相对位置，如center、top等。如果我们将背景图像定位在元素中心，那么无论元素大小如何改变，背景图像都不会被拉伸。
例如，以下代码将背景图像设置在元素中心：
div {
background-image: url("example.jpg");
background-position: center center;
background-repeat: no-repeat;
}使用以上两种方法可以在CSS中实现不拉伸的背景图像。具体的方法根据实际情况选择适合自己的方式即可。
