CSS是網頁設計中不可或缺的一部分，它可以為網頁增加各種各樣的視覺效果，比如修改背景顏色、字體樣式和大小等。而其中一種比較重要的效果就是改變對比度。

什么是對比度？簡單來說，對比度是指相鄰兩個顏色之間的亮度之差。如果兩個顏色之間的亮度差距越大，那么它們的對比度就越高。

在網頁設計中，對比度可以用來強調某些元素，增加文字清晰度和可讀性，提升整個網頁的視覺質量。下面我們來看看如何使用CSS來改變對比度。

/*將頁面的對比度調整為50%*/
body {
filter: contrast(50%);
}
/*將某個元素的對比度調整為80%*/
.box {
filter: contrast(80%);
}

上面的代碼示例中，我們使用了CSS的filter屬性來調整網頁或者某個元素的對比度。這里的contrast()函數就是用來設置對比度的，它的取值范圍從0%到100%。當對比度為0%時，元素的顏色會全部變成灰色，當對比度為100%時，元素的顏色會變得尤為鮮明。

需要注意的是，filter屬性目前還處于實驗階段，不是所有的瀏覽器都能夠支持。如果要使用這個屬性，我們需要在CSS中加入瀏覽器前綴來保證兼容性。下面是帶有瀏覽器前綴的代碼示例：

/*將頁面的對比度調整為50%*/
body {
-webkit-filter: contrast(50%);
-moz-filter: contrast(50%);
filter: contrast(50%);
}
/*將某個元素的對比度調整為80%*/
.box {
-webkit-filter: contrast(80%);
-moz-filter: contrast(80%);
filter: contrast(80%);
}

總之，通過對CSS的filter屬性的使用，我們可以輕松地調整網頁或某個元素的對比度，提升網頁視覺效果，讓頁面更加清晰明了。