在網(wǎng)頁(yè)設(shè)計(jì)中，常常需要使用圖標(biāo)來(lái)裝飾頁(yè)面，但有時(shí)候我們希望將圖標(biāo)反白以達(dá)到更好的視覺(jué)效果。那么，CSS能不能實(shí)現(xiàn)將圖標(biāo)反白呢？

.icon {
background-color: white;
color: black; 
padding: 10px;
}
.icon:hover {
background-color: black;
color: white;
}

上述是一個(gè)簡(jiǎn)單的CSS代碼，它可以實(shí)現(xiàn)當(dāng)鼠標(biāo)移動(dòng)到圖標(biāo)上時(shí)，將圖標(biāo)反白。

另外，還有一種更高端的實(shí)現(xiàn)方式，使用CSS的filter屬性來(lái)實(shí)現(xiàn)圖標(biāo)反白。代碼如下：

.icon {
filter: invert(100%);
}

上述代碼使用了CSS的filter屬性，使圖標(biāo)反白，具有更高端的效果。但需要注意的是，該屬性不是所有瀏覽器都支持，使用時(shí)需要考慮瀏覽器兼容性，最好做好兼容性處理。

總之，CSS能夠?qū)崿F(xiàn)將圖標(biāo)反白，我們可以根據(jù)實(shí)際需求選擇合適的實(shí)現(xiàn)方式。