在網頁設計中，樣式表是非常重要的，其中CSS（層疊樣式表）是最常用的樣式表語言之一。CSS可以用來控制頁面中的元素，使它們更加美觀和易于閱讀。

其中，CSS的圖像效果也是非常豐富的，如圖像變暗效果就是其中的一種。下面我們就來看看如何在CSS中實現圖像變暗效果。

/* 圖像變暗的CSS代碼 */
img {
filter: brightness(50%);
}

這里的filter屬性可以使用許多不同的函數，以實現各種不同的效果。例如，在上面的代碼中，我們使用了brightness()函數來實現圖像變暗的效果。

該函數采用一個percentage值，該值在0-100%之間。0%將完全暗化圖像，100%將不做任何修改。在上面的例子中，我們使用了50%的值，這意味著圖像將被變暗50%。

除了brightness()函數，CSS還提供了其他一些常用的函數，例如：blur()來模糊圖像、grayscale()將圖像轉換為灰度、contrast()來增加或減少圖像的對比度等。

通過使用這些函數，我們可以輕松地實現各種各樣的圖像效果，為頁面添加更多的風格和視覺吸引力。