从CSS编码的完整背景模式

Question

在我的网页设计中，我试图依赖比图像更多的代码，并努力在HTML5和CSS3中更加有效。

我已经搜索了所有的堆栈交换网站，但没有任何坚实的结果。这就是说，一些我真的想了解更多的是模式创造与纯CSS的网站背景。

我想知道是否可以用纯CSS编码？来创建它。

​

​

Answer 1

CSS3没有能力在您心目中的级别上创建模式。CSS模式是非常基本的，使用小块的模式来构建一个大的、可伸缩的/可重复的基于背景的块。

CSS模式是基本的您的图像不是基本的

您所使用的图像不会重复，并且更适合作为一个：{background: url("background.jpg");}使用，或者您可以使用Base64并将图像嵌入到CSS文件中。。

使用C33创建基本模式

可以使用JavaScript/CSS和CSS3动态生成CSS3模式。我建议您查看本文：CSS3模式解释，或者使用Base64嵌入创建简单模式的另一种方法是使用模式化。

Answer 2

使用最新的浏览器( Internet除外)和CSS3，可以只使用CSS而不使用图像创建背景模式。这些技术在几年内不会在现实世界中有用，直到IE支持它，并且当前的IE浏览器停止使用。

这里有一个有CSS3背景集合的网站：http://lea.verou.me/css3patterns/ --他们没有一个和你完全一样的，但是碳纤维--一种灰色的模式，没有太大的区别：http://lea.verou.me/css3patterns/#carbon