在CSS中,我們可以使用一些技巧來使div變暗。下面我們來看一下具體的方法。
// 方法一:使用opacity屬性 div { opacity: 0.5; // 使用0到1之間的值,數值越小越暗 } // 方法二:使用rgba顏色 div { background-color: rgba(0, 0, 0, 0.5); // rgba中的第四個值表示透明度,使用0到1之間的值,數值越小越暗 } // 方法三:使用多重背景疊加 div { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(background.jpg); } // 方法四:使用混合模式 div { background-color: black; mix-blend-mode: multiply; // 使用multiply混合模式 }
以上就是幾種常用的CSS方法,可以使div變暗。每種方法的效果略有不同,我們可以根據自己的需求選擇使用哪一種方法。