在网页美化中，图片是非常重要的一个元素，而 CSS 则是掌控网页样式的利器。CSS 可以将图片进行拉伸，但是拉伸后图片往往会变得模糊不清，影响网页的美观程度。如何让图片在拉伸后依然清晰呢？下面我们就来探讨一下。

img{
width: 100%;
height: auto;
max-width: 600px;
}

以上代码将图片的宽度设为 100% ，高度自适应，同时加上了 max-width 属性，限制图片最大宽度为 600px。这个方法在保持图片长宽比的同时让图片在拉伸时更清晰，因为图片没有被放大超过其原始大小。

还有一种方法是给图片添加背景，然后将其放大至原有大小，这样图片看起来依然清晰，代码如下所示：

.img-box{
background: url('img-src') center/cover;
width: 100%;
height: 0;
padding-top: 50%; /* 图片高度 = 宽度 * 图片宽高比 */
}

以上代码将图片的高度设为与 padding-top 的值等比例，保持图片长宽比的同时也让图片看起来更大。

总而言之，我们可以通过适当控制图片的大小和比例，使其在拉伸时不会模糊不清。这不仅有利于网页美观，更能提升用户体验。