css 黑白色 |导航css颜色更改

body {
background-color: #000;
color: #fff;
}

上述代码是一个最简单的黑白色体验。将页面背景色设置为黑色，字体颜色设为白色，能让文字和页面元素更加突出、醒目。在页面设计中，大家可以将这种黑白色搭配应用到主体内容区，这样就能让整个页面井井有条，让读者更容易关注内容本身。同时，黑白色搭配也能很好地辅助其他颜色的运用。

/* 此段代码将所有图片的滤镜设置为灰度，实现黑白图片效果 */
img {
filter: grayscale(100%);
}

除了文字、背景色的搭配，黑白色也能运用在图片上，实现黑白图片的效果。将图片的滤镜设置为灰度，就能将彩色图片转化为黑白照片。这种效果不仅美观，而且能够突出照片的构图和光影变化。

总之，黑白色不仅是CSS中基础的颜色搭配方式，也是让页面简单、高雅的有效方法。