CSS（Cascading Style Sheets）是網頁設計和制作中的一個重要組成部分，可以用于美化網頁樣式和排版。在CSS中，可以通過調整顏色和背景等屬性來改變元素的顯示效果。今天，我們將介紹如何通過CSS來更改div的顯示亮度。
首先，我們需要了解一下CSS中顏色屬性表達方式。在CSS中，顏色屬性可以使用如下方式來表示：
- 十六進制顏色值（#RRGGBB）
- RGB顏色值（rgb(r,g,b)）
- HSL顏色值（hsl(h,s,l)）
其中，RGB顏色值表示紅、綠、藍三原色的取值，取值范圍為0~255；而HSL顏色值則表示色相、飽和度和亮度的取值，其中亮度值取值范圍為0%~100%。我們可以通過調整亮度值來改變元素的顯示亮度。
那么，如何在CSS中設置元素的亮度呢？我們可以使用HSL顏色值，并將亮度調整到我們想要的值。例如，我們可以設置一個div元素的背景色為淡藍色，同時將其亮度調整到50%：

div {
background-color: hsl(200, 70%, 50%);
}

上述代碼表示將div元素的背景色設置為色相為200、飽和度為70%、亮度為50%的顏色。你可以根據自己的需要調整具體的顏色值和亮度值。
除了設置背景色外，我們還可以通過其他CSS屬性來改變元素的亮度。例如，可以設置元素的透明度來達到類似的效果：

div {
background-color: lightblue;
opacity: 0.5;
}

上述代碼表示將div元素的背景色設置為淡藍色，同時將其透明度設置為50%。這樣做效果和上面的例子類似，讓div元素看起來更加透明淡雅。
總之，通過調整CSS屬性，我們可以輕松地改變元素的顯示亮度，從而達到更好的美學效果。希望這篇文章能夠幫助你更好地使用CSS，為網頁設計和制作增添靈感。