CSS:创建带纹理的背景

标签 css

我目前正在努力为我的网站设置加载速度足够快的图像背景。

我使用了数据 url 图像甚至优化图像,但加载页面时需要很长时间,因为 backgournd-image 仍然非常大。

是否可以使用 CSS 创建如下图所示的纹理背景颜色?

我试过但无法匹配:

enter image description here

最佳答案

使用最新的 CSS3 技术,可以创建带纹理的背景。检查一下:http://lea.verou.me/css3patterns/#

但它仍然局限在这么多方面。浏览器支持也还没有准备好。

你最好的选择是使用小纹理图像并重复该背景。你可以在这里得到一些不错的准备使用纹理图像:

http://subtlepatterns.com

关于CSS:创建带纹理的背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11814013/

相关文章:

javascript - 动态地向 html 表添加样式 - 使用 DOM、JS

jQuery 屏蔽输入 : How do I animate the appearance of the text?

javascript - css 不适用于 jquery append

javascript - Css jQuery 蛇尝试

html - 没有 href 属性的样式 <a>

javascript - 悬停不适用于 div 标签,而是更改内部文本元素的颜色

javascript - 检测 Web 下拉菜单是否要显示在屏幕外

html - 如果子项溢出父项,则调整子项的大小

android - 移动安卓设备上的 CSS 背景图像全屏并不完美

html - CSS 链接在 jsp 中不起作用