在網頁設計中，常常會遇到需要給圖片添加模糊效果的需求，同時又要讓文字保持清晰。這時候，我們可以使用 CSS 的濾鏡屬性來實現。

img { 
filter: blur(10px); /* 添加圖片模糊效果 */ 
} 
p { 
-webkit-font-smoothing: antialiased; /* 字體不模糊 */ 
-moz-osx-font-smoothing: grayscale; /* 字體不模糊 */ 
}

在上面的代碼中，我們使用了 filter 屬性來添加圖片模糊效果。你可以通過調整 blur() 中的數值來達到不同的模糊程度。

同時，為了讓文字保持清晰，我們還需要使用 -webkit-font-smoothing 和 -moz-osx-font-smoothing 屬性，進行字體抗鋸齒處理，從而讓字體不模糊。

總之，使用 CSS 的濾鏡屬性可以輕松實現圖片模糊效果，同時保持文字清晰不模糊。這是一種實用且簡單的技巧，可以用來提高網頁設計的質量。