使用css写带纹理渐变背景图的示例代码

项目中页面长度大概在2000px以上,再加上背景图是带纹理和渐变的,所以加载起来会很大很耗费时间,所以就改用css实现了。 这次我们主要用到的网站是Hero Patterns——免费在线纹理素材库 这个网站中有很多现成的背景,也可以自定义背景色,纹样的颜色和透明度。 网站中背景色是纯色,如果我们需要渐变背景,就可以把纹理的背景色设置为透明色,然后把父元素的背景图设置为渐变效果~ html,body{ background: #000; min-width: 1024px; background-image: linear-gradient(to right, #000 -6%