CSS是一種可以改變網頁樣式的腳本語言。你可以通過CSS設置網頁的背景顏色，字體樣式，進行布局等。聰明的人們也找到了一種在鼠標移入圖片時將其顏色變暗的方法，下面就來看看如何完成這一效果。

首先，我們需要將圖片添加到一個div元素中，然后設置其寬高。接著，我們在該元素上添加:hover選擇器使其在鼠標移入時出現動態效果。我們還需要添加背景顏色的覆蓋層。以下是一段示例代碼:

在這個代碼塊中，我們首先定義了一個類名為“image-container”的一個div元素，設置其為相對定位以及寬高。我們在其中添加了一個img元素作為圖片，以及一個名為“overlay”的div元素。接下來，我們添加了:hover選擇器，表示當鼠標移到圖片上時，發生了什么事情。在此處，我們將覆蓋層的透明度改為50%，實現了顏色變暗的效果。最后，我們定義了覆蓋層的樣式，這里的opacity為0表示這個層是透明的。

總之，要通過CSS實現圖片鼠標移入時顏色變黑的效果非常簡單，只需要添加覆蓋層，并通過:hover選擇器來確定何時界面的暗度達到最大。