CSS怎么把圖片變暗
使用CSS后臺樣式控制，可以很容易地實現對圖片進行各種各樣的效果。其中，將圖片變暗的效果是一種常見的需求。今天我們就來看一下，如何在CSS中實現這一效果。
首先，我們需要知道的是，在CSS中設置圖片的變暗效果，實際上是通過修改圖片的透明度來實現的。而CSS中控制透明度的屬性是“opacity”。
我們可以在CSS中添加以下代碼，將圖片的透明度設為0.5，從而使其變暗：

img {
opacity: 0.5;
}

這樣就可以將整張圖片變暗了。如果需要將局部的圖片區域變暗，也是可以的。只需要給指定的圖片區域添加一個自定義類名，然后在CSS中對該類名進行設置即可。
例如，我們給圖片添加一個類名“dark”，然后在CSS中添加以下代碼：

.dark {
opacity: 0.5;
}

這樣就可以將指定類名下的圖片區域全部變暗了。
需要注意的是，透明度的取值范圍是0-1。值越小，圖片就越暗。如果要恢復圖片的正常透明度，只需要將opacity屬性設為1即可。
總結一下，通過CSS中的opacity屬性，我們可以很方便地實現圖片變暗的效果。只需要在CSS中添加對應的樣式代碼，即可實現全局或局部的效果。