css不改图片大小只改背景大小

CSS 是网页设计中非常重要的一部分，而其中背景和图片的设置更是关系到着网页的美观度。今天我们来探讨如何在CSS中只改变背景大小而不改变图片大小的方法。

/*HTML代码*/
<div class="container">
   <img src="image1.jpg" alt="这是一张图片">
</div>

/*CSS代码*/
.container{
   background: url(image1.jpg) no-repeat;
   background-size: cover;
   height: 500px;
   width: 500px;
}

.container img{
   display: none;
}

在上述代码中，我们首先在HTML中嵌套了一张图片，接下来我们使用了CSS的 background 属性来设置背景图像，并且使用了 background-size 属性来设置背景图片的大小，此处为 cover，表示尽可能的填满整个容器。同时，为了不让图片在背景中出现，我们把它的 display 设置为 none，这样它就不会显示出来了。

这样，我们就可以只改变背景图片的大小，而不改变图片本身的大小了。如果你想要改变背景图片的位置，可以使用 background-position 属性。

总之，CSS是一个非常有用的技术，它可以让我们创造出非常美观的网页。希望今天的小技巧对大家有所帮助。