CSS是一種用于定義網頁外觀的語言，其功能強大，可以通過它來實現各種各樣的效果，包括修改圖像亮度。在本文中，我們將介紹CSS如何減少圖像亮度。

img {
filter: brightness(0.5);
}

上面的代碼演示了如何通過CSS的filter屬性來修改圖像亮度。brightness()函數接受一個介于0和1之間的數值，代表亮度的百分比。如果值為1，則表示圖像的原始亮度，如果值為0，則表示圖像完全暗淡。

像上面的代碼塊所示，我們選擇所有的img標簽，并將它們的亮度值設置為0.5，這會將它們的亮度降低50%。同樣的方法也可以被用于其他元素，例如背景圖片。

此外，可以在brightness()函數中使用負數來增加圖像的亮度。-1代表完全黑暗，-0.5表示降低50%的亮度，而-2則表示僅剩下了1/4的亮度。

在使用brightness()函數時，需要記住的一件重要事情是，它只修改圖像的亮度，而不是顏色。如果您想要同時修改亮度和顏色，那么可以使用其他CSS濾鏡，例如saturate()和hue-rotate()。

總之，通過使用CSS的filter屬性及其中的brightness()函數，可以輕松地降低圖像亮度。這為網頁設計師提供了一個重要而有用的工具，使得他們能夠創建更加吸引人的網站。