在網頁設計中，使用濾鏡可以讓圖片更具美感和視覺沖擊力。DW（Dreamweaver）是一款常用的網頁設計工具，內置了關于CSS濾鏡設置的設置支持，接下來將為您介紹DW如何設置CSS濾鏡。

1. 打開DW，選擇需要設置濾鏡的圖片。雙擊打開“屬性”窗口。
2. 找到“過濾器（filter）”這一項，點擊“應用CSS樣式表（CSS Style Sheet）”。
3. 在CSS樣式表編輯器中，輸入以下代碼來設置不同的濾鏡效果：
/* 設置透明度濾鏡 */
.opacity{
filter: alpha(opacity=50);
opacity: 0.5;
}
/* 去除圖片的銳化效果 */
.blur{
filter: blur(3px);
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
}
/* 圖片灰度化 */
.gray{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
}
/* 圖片反轉 */
.invert{
filter: invert(100%);
-webkit-filter: invert(100%);
-moz-filter: invert(100%);
}
/* 設置飽和度濾鏡 */
.saturation{
filter: saturate(3);
-webkit-filter: saturate(3);
-moz-filter: saturate(3);
}
4. 選擇需要的濾鏡效果，將代碼復制粘貼到CSS樣式表編輯器中，保存即可應用該效果。

通過DW設置CSS濾鏡，可以讓網頁設計更具視覺沖擊力，為用戶帶來更好的視覺體驗。