CSS中的圖片反白操作非常實用，可以讓網頁的設計更加炫酷，并且能夠吸引用戶的注意力。下面讓我們來看看如何通過CSS實現圖片反白。 首先，我們需要在HTML文件中插入一張圖片，并通過CSS設置它的寬度和高度。具體代碼如下：

<img src="picture.jpg" width="200" height="200">

然后，我們需要為這張圖片設置鼠標懸停時的反白效果。通過CSS中的:hover選擇器，我們可以輕松地實現這個效果。具體代碼如下：

p:hover img {
filter: invert(100%);
}

在上述代碼中，我們通過:hover選擇器為鼠標懸停在p標簽上時，其子元素img應用CSS樣式。filter屬性用于添加特效，invert()函數用于將圖片反相顯示，數值為100%表示完全反相。 最后，我們可以用一個簡單的HTML代碼來展示這個效果。具體代碼如下：

<div class="wrapper">
<p>
<img src="picture.jpg" width="200" height="200">
</p>
</div>

使用上述代碼可以得到一個包含一張圖片的p標簽，該圖片在鼠標懸停時會發生反白效果。需要注意的是，我們將圖片包含在p標簽中的原因是懸停事件必須發生在包含該圖片的標簽上。 總之，使用CSS實現圖片反白效果很簡單。只需要在HTML文件中插入一張圖片，然后通過CSS添加:hover選擇器并使用filter屬性即可。這個效果能夠大大提高網頁的可讀性和用戶體驗。