在CSS3.0中,我們可以使用background-color屬性來設置一個元素的背景顏色,例如:
div{ background-color: #f1f1f1; }
這樣,我們就可以把div元素的背景顏色設置為灰色。但是在CSS7.0中,我們可以使用新的屬性來讓元素變成白色,那就是mix-blend-mode屬性。
mix-blend-mode屬性的值有多種,其中有一種是白色,即:mix-blend-mode: exclusion。下面是一個例子:
div{ background-color: #f1f1f1; mix-blend-mode: exclusion; }
這樣,我們就可以把div元素的背景色設置為白色了。需要注意的是,在使用mix-blend-mode屬性時,必須要讓這個屬性作用于兩個元素上,才會有顯示效果,否則會無效。
總而言之,在CSS7.0中,我們可以使用mix-blend-mode屬性來讓元素變成白色,這是一個非常方便的新特性,可以讓我們在網頁設計方面更加靈活地運用顏色。