css3 颜色块平铺 |网页css垂直水平居中

平铺颜色块是一个有趣并且实用的效果，可以使网站的设计更丰富，让网页更加生动有趣。

/* 使用css3的background-color特性来平铺一个颜色块 */
background-color: #FFC200;
background-image: linear-gradient(90deg, #FFC200 0%, #FFC200 25%, #FFFFFF 25%, #FFFFFF 50%, #0080FF 50%, #0080FF 75%, #FFFFFF 75%, #FFFFFF 100%);
background-size: 50px 50px;

这个代码片段中，大家首先定义了颜色块的背景颜色为 #FFC200，接着使用了一个线性渐变来定义颜色块内部的颜色分布。这个渐变使用了水平方向的 90 度，同时定义了四个颜色点，分别是：开始于 0% 的 #FFC200，到达 25% 的 #FFFFFF，接着到达 50% 的 #0080FF，再到达 75% 的 #FFFFFF，最后结束于 100% 的 #FFC200。

最后，大家通过定义 background-size 特性，在给定的 50px 的宽度和高度下重复这个颜色块，使其无限延伸平铺。

总之，这个 CSS3 颜色块平铺的效果非常实用和有趣，可以让你的网站更加生动和吸引人。记得要加上这个特性来创造自己独特的设计！