css纯色图片 |metro ui css

background-color: #f1f1f1;
background-image: none;

以上代码就是一个纯色背景图片的最简实现方式，将背景颜色属性值设为#f1f1f1，同时将背景图像属性值设为none，就可以做到背景全是一种颜色。若要使用其他颜色，则只需要将颜色属性值变更即可。

当然，这仅仅是最基础的实现方式。通过加入一些其他属性和元素，可以实现更加复杂和炫酷的纯色图片效果。

background-color: #428bca;
background-image: linear-gradient(45deg, #428bca 25%, #fff 25%, #fff 50%, #428bca 50%, #428bca 75%, #fff 75%, #fff 100%);
background-size: 40px 40px;

以上代码是一个斜线背景的实现方式。通过将背景颜色属性值设置为#428bca，将背景图片属性值设置为使用线性颜色渐变，最终可以实现一个斜向的纯色线条背景。而background-size属性则是用来设定背景块的大小的。

总之，CSS纯色背景已经成为了现代网页设计必用的美化技巧之一。在实际设计中，根据需求和规范，可以采用不同的属性和方式，实现种类繁多的纯色背景效果。