body { background-color: #f2f2f2; /*设置网页背景颜色为浅灰色*/ } p { color: #333;/*设置文字颜色为深灰色*/ }
但是,有时候大家需要制作一种灰白背景来增加网页的质感。
body { background: #f5f5f5; /*设置网页背景为浅灰色*/ background-image: linear-gradient(90deg, #f5f5f5 50%, #fff 50%); /*设置渐变背景*/ background-size: 50% 100%; /*设置渐变背景的大小和方向*/ background-repeat: no-repeat; /*不重复显示渐变背景*/ } p { color: #333;/*设置文字颜色为深灰色*/ }
这样就可以制作出一个看起来更有层次感的灰白背景啦!