CSS是前端開發中非常重要的一部分，在網頁設計中負責樣式方面的工作。其中，CSS通常用來控制文本、圖片等元素的樣式，如位置、顏色、字體等等。CSS同樣也可以用來控制圖片的亮度。

img{
filter: brightness(50%);
}

上述代碼中，我們使用了CSS中的filter屬性，指定了亮度調整的屬性brightness，并將其設置為50%。這意味著圖片的亮度將減半，使其看起來變得更暗。

除了brightness，CSS還支持一系列其他調整亮度的屬性：

• contrast：調整對比度
• saturate：飽和度
• sepia：將圖片轉換成舊照片或者黃褐色的效果
• invert：反色效果
• drop-shadow：添加陰影
• blur：模糊效果

對于web設計師或者前端開發者來說，控制圖片的亮度是非常重要的。我們可以通過這些屬性將圖片的色調調整為更符合整體設計理念的效果。同時也可以根據不同的需求調整圖片的飽和度、對比度等屬性，創造出不同的視覺效果。