网页纯代码背景合集

共计4141字,阅读大约14分钟。

[toc]

1 . 白色格子

图片[1] | Web Stack | 网页纯代码背景合集 | 一个栈
白色格子图
body{
  background-image: linear-gradient(
      90deg
      ,rgba(60,10,30,.04) 3%,transparent 0),linear-gradient(
      1turn
      ,rgba(60,10,30,.04) 3%,transparent 0);
  background-size: 20px 20px;
  background-position: 50%;
}

2 . 黑色点阵

图片[2] | Web Stack | 网页纯代码背景合集 | 一个栈
黑色点阵图
#Out-Body{

    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAADtJREFUOE9j/P///38GKgLGUQMpDs3RMKQ4CBkGLgxnzZrFkJaWRtALA+dCgk6DKhh1IbEhhVvdCAxDAEr9UsXc9e3bAAAAAElFTkSuQmCC");
    background-repeat: repeat;
  }

3 . 灰白色格子

图片[3] | Web Stack | 网页纯代码背景合集 | 一个栈
body{
    background-image: url("data:image/png;base64,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");
background-color: #f6f6f6;
background-repeat: repeat;
}

4 . 灰白色砖块

图片[4] | Web Stack | 网页纯代码背景合集 | 一个栈


body{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAABT0lEQVQ4EbXT24rDMAwEUP//l/Y1zaVpEkg5hvGaZfMQlhZU2dJoRrKd8ng8zm9aQX7ndxffBPZ9P+d5rjZN0/l8Ps91XU/rYRjOcRxrLAL2yb9er1onlrgcjiaAaFmWSrhtWxMAUhTxCAQTrxb2OI7KQfT9fv8IAAoCIeNZ4jpSHAFYFsJ07iSYvfo2AVIkOlGI+K+pItBPlSPNNPG4mgBSASLWPENkrxsjRwCpXIRg5U3kzoiwJmBjCgXWxkSiKGYfARhkIbbP9DjUtAkUfcvK1TeQTq/yv+NX+JLLdcZG4lkK/vt9FBeSpxUxQhFw7va8cybu3PlcsLrgg4kvLiMkCoH79w6YVySXCRNX0+NhmRjeYpOXY03QVOmon0oecRrqpwq+n6oK+MuTchTIewGk4jq15hkiexOpjwA+uQgVAAQsCQQp0LEp5Kzvfh8fNQPMlX8XrVUAAAAASUVORK5CYII=");
background-color: #f6f6f6;
background-repeat: repeat;
}

温馨提示:本文最后更新于2022-06-13 21:08:49,某些文章具有时效性,若有错误或已失效,请在下方留言或联系雅舍站长
© 版权声明
THE END
有所帮助就支持一下吧
点赞0当赏 分享
箴言区 抢沙发
头像
达瓦里希请发言...
提交
头像

昵称

取消
昵称表情代码图片