快来领取你专属的css背景图案

看这个的时候，我默认你对渐变掌握的很好了，啥，没有快看这里：https://www.cnblogs.com/jsydb/p/12593152.html

上回我们说到，孙悟空闯进了天庭，呸！跑题了。

上次我们说到怎样实现一个条纹背景，这次我们来看看更炫酷的背景图案。

我们先来看一个简单的网格实现：

 

 

是的代码和看起来一样简单（前提是你看了第一行链接指向的文章）。

在看一个其他的网格：

 

 

 

 

我们在改改：

 

转存失败重新上传取消

 

是的，他很酷，这些对于你们来说都不算什么，我知道。

那我们来看一个棋盘是怎么实现的。

还记得我们之前怎样得到直角三角形的嘛:

 

 

这样子是吧，我们修改一下：

 

 

很好，我们在修改一下：

 

 

 

在修改一下：

 

最后修改一下：

 

 

 

 好了棋盘出来了。

 

我们使用三角形来拼接，说实话代码没有什么好讲的，只要你之前看过我的

https://www.cnblogs.com/jsydb/p/12593152.html 就知道我在写什么。