html5格子背景,CSS格子背景图案

css

html {

background-color: #000000;

background-image:

linear-gradient(

90deg,

transparent 10%,

rgba(0, 0, 90, 0.3) 10%,

rgba(0, 0, 90, 0.3) 20%,

transparent 20%,

transparent 22%,

rgba(0, 0, 90, 0.3) 22%,

rgba(0, 0, 90, 0.3) 32%,

transparent 32%,

transparent 62%,

rgba(0, 0, 90, 0.3) 62%,

rgba(0, 0, 90, 0.3) 64%,

transparent 64%,

transparent 66%,

rgba(0, 0, 90, 0.3) 66%,

rgba(0, 0, 90, 0.3) 68%,

transparent 68%,

transparent 70%,

rgba(0, 0, 90, 0.3) 70%,

rgba(0, 0, 90, 0.3) 80%,

transparent 80%,

transparent 82%,

rgba(0, 0, 90, 0.3) 82%,

rgba(0, 0, 90, 0.3) 84%,

transparent 84%,

transparent 86%,

rgba(0, 0, 90, 0.3) 86%,

rgba(0, 0, 90, 0.3) 88%,

transparent 88%

),

linear-gradient(

transparent 10%,

rgba(0, 0, 90, 0.3) 10%,

rgba(0, 0, 90, 0.3) 20%,

transparent 20%,

transparent 22%,

rgba(0, 0, 90, 0.3) 22%,

rgba(0, 0, 90, 0.3) 32%,

transparent 32%,

transparent 62%,

rgba(0, 0, 90, 0.3) 62%,

rgba(0, 0, 90, 0.3) 64%,

transparent 64%,

transparent 66%,

rgba(0, 0, 90, 0.3) 66%,

rgba(0, 0, 90, 0.3) 68%,

transparent 68%,

transparent 70%,

rgba(0, 0, 90, 0.3) 70%,

rgba(0, 0, 90, 0.3) 80%,

transparent 80%,

transparent 82%,

rgba(0, 0, 90, 0.3) 82%,

rgba(0, 0, 90, 0.3) 84%,

transparent 84%,

transparent 86%,

rgba(0, 0, 90, 0.3) 86%,

rgba(0, 0, 90, 0.3) 88%,

transparent 88%

),

linear-gradient(

transparent 0%,

rgba(0, 70, 0, 0.3) 0%,

rgba(0, 70, 0, 0.3) 6%,

transparent 6%,

transparent 36%,

rgba(0, 70, 0, 0.3) 36%,

rgba(0, 70, 0, 0.3) 46%,

transparent 46%,

transparent 48%,

rgba(0, 70, 0, 0.3) 48%,

rgba(0, 70, 0, 0.3) 58%,

transparent 58%,

transparent 92%,

rgba(0, 70, 0, 0.3) 92%,

rgba(0, 70, 0, 0.3) 98%,

transparent 98%

),

linear-gradient(

90deg,

transparent 0%,

rgba(0, 70, 0, 0.3) 0%,

rgba(0, 70, 0, 0.3) 6%,

transparent 6%,

transparent 36%,

rgba(0, 70, 0, 0.3) 36%,

rgba(0, 70, 0, 0.3) 46%,

transparent 46%,

transparent 48%,

rgba(0, 70, 0, 0.3) 48%,

rgba(0, 70, 0, 0.3) 58%,

transparent 58%,

transparent 92%,

rgba(0, 70, 0, 0.3) 92%,

rgba(0, 70, 0, 0.3) 98%,

transparent 98%

)

;

background-size: 500px 500px;

}

网址：html5格子背景,CSS格子背景图案 https://www.yuejiaxmz.com/news/view/78579

相关内容

背景高清图片
更改桌面背景图像
家居DIY 八大方案惊艳你的背景墙
物品巧利用 20个手工DIY背景墙
在word中怎样设置图片作为背景 word背景图片设置方法【详解】
“前景诱人”的营养师培训背后 合格营养师没那么“简单”
生活背景图片
Html5
大学生活总结：一个大学生成功的十大秘诀！
生活妙背景图片

随便看看