CSS中設置模糊效果是一種非常常見的需求，它使得圖像或文字顯得更加柔和、模糊，增加了一種柔和、朦朧的美感。下面，我們將學習如何使用CSS來實現這種效果。

/* 使圖像模糊 */
img {
filter: blur(5px);
}
/* 使文字模糊 */
p {
backdrop-filter: blur(5px);
}

如上所示，我們可以使用CSS中的filter屬性來實現圖像模糊。在上述代碼中，我們將filter屬性的值設置為blur(5px)，意思是將圖像模糊5像素。

同樣地，我們也可以使用CSS中的backdrop-filter屬性來實現文字或背景的模糊。上述代碼示例中，我們將backdrop-filter屬性的值也設置為blur(5px)。需要注意的是，backdrop-filter屬性目前只有在Chrome和Safari瀏覽器中支持，其他瀏覽器暫不支持。

此外，我們還可以通過調整blur屬性的值來實現更細粒度的控制，以達到最終想要的效果。

總的來說，使用CSS設置模糊效果非常簡單，可以很容易地為我們的網頁增添一些藝術感或優美感。