CSS3提供了許多新的樣式屬性，其中之一就是亮度（brightness）。亮度可以幫助我們改變圖片或文本的明暗程度，給網頁帶來更生動的視覺效果。下面我們就來學習一下如何在CSS中改變亮度。 首先，我們需要使用brightness屬性。這個屬性的取值范圍是0到1之間的數字，0表示完全黑暗，1表示原始亮度，超過1則會更亮。我們可以在CSS樣式中為圖片或文本添加brightness屬性，然后設置亮度值，如下所示：

img {
brightness: 0.6;
}
p {
brightness: 1.2;
}

以上代碼將一個圖片的亮度設置為0.6，比原始亮度暗一些；將一個段落的亮度設置為1.2，比原始亮度亮一些。 我們還可以使用CSS的hover偽類，在鼠標懸停在圖片或文本上時改變亮度。例如：

img:hover {
brightness: 1.5;
}
p:hover {
brightness: 0.8;
}

以上代碼將圖片的亮度設置為1.5，段落的亮度設置為0.8，當鼠標懸停在圖片或文本上時會出現亮度變化的效果。 總之，通過brightness屬性，我們可以很方便地改變圖片或文本的亮度，并為網頁添加更鮮明的視覺效果。