CSS,一行代码让整个页面变成灰色

解决文案:

通过 filter: grayscale(100%) 滤镜属性

了解更多请点击『传送门』

<!DOCTYPE html>
<html lang="zh">
<head>
<style>
/* 整个页面变灰 */
body{ filter: grayscale(100%) }
/* END */
.box{ background: red }
.box2{ background: green }
</style>
</head>
<body>
    <div class="box">我是红色盒子</div>
    <div class="box2">我是绿色盒子</div>
</body>
</html>


吕卫杰吕卫杰
下一篇 2025-09-30 11:38

相关文章

0.059763s