CSS是一種很有用的技術，可以幫助我們美化網頁。一種有趣的技巧是模糊圖片的邊緣，讓圖片看上去更加柔和。下面將介紹如何使用CSS實現這個效果。

img {
border-radius: 1rem;
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
filter: blur(10px);
}

以上代碼是實現圖片邊緣模糊的核心代碼。其中，border-radius屬性是給圖片添加圓角，使其看起來更加圓潤。box-shadow屬性是添加陰影效果，向圖片周圍投射一些陰影。filter屬性是使用模糊濾鏡，將圖片的邊緣模糊。

對于border-radius和box-shadow屬性的具體使用，這里不再進行解釋，大家可以自行了解一下。那么我們重點介紹一下filter濾鏡。通過設置blur(10px)來實現圖片的模糊效果。其中，10px是可以根據實際需求來調整的。

完整的示例代碼如下：

img {
border-radius: 1rem;
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
filter: blur(10px);
}

除了使用CSS的模糊濾鏡，也可以使用其他工具實現圖片的邊緣模糊，例如Photoshop等。但是，CSS實現更加方便，且不需要額外的軟件。

總之，使用CSS可以很方便地實現圖片邊緣模糊效果，讓整個網頁看起來更加舒適。希望本篇文章能夠對大家有所幫助。