卖坚果的怪叔叔 卖坚果的怪叔叔
  • 首页
  • 技术
  • 生活
  • 记录
  • 朋友
  • 常用代码
  • 工具箱
  • 关于
首页 › 技术 › CSS实现网格背景!

CSS实现网格背景!

坚果大叔
2018-08-31 9:38:46技术阅读 940

代码如下:

.grid{
    background:#ccc;
    background-image: linear-gradient(white 0px,transparent 0),
    linear-gradient(90deg, white 0px,transparent 0),
    linear-gradient(hsla(0,0%,100%,.3) 1px,transparent 0),
    linear-gradient(90deg,hsla(0,0%,100%,.3) 1px,transparent 0);
    background-size:75px 75px,75px 75px,15px 15px,15px 15px;
}

效果图:

CSS实现网格背景!-卖坚果的怪叔叔



微信扫描下方的二维码阅读本文

CSS
赞赏 赞(0)
本文系作者 @坚果大叔 原创发布在 卖坚果的怪叔叔。未经许可,禁止转载。
Python定时发送信息到微信
上一篇
Jquery判断手机浏览器版本
下一篇
近期文章
  • TrollStore 2 已发布,附超详细安装教程~
  • 纯CSS实现带有画布边框和刻度尺的样式
  • 远方
  • 使用 Clash 加速同一局域网下的其他设备
  • 一键解决VsCode官网下载慢的问题
TrollStore 2 已发布,附超详细安装教程~
2023-11-28 13:07:45
5,709 0 2
纯CSS实现带有画布边框和刻度尺的样式
2023-11-27 16:48:06
7,590 0 1
instanceof和typeof的区别
2023-09-26 17:20:33
416 6 3
React实现打字机效果~
2023-08-22 17:31:49
640 0 1
  • 0
博主

一位佛系的前端开发者,略通摄影,乐于尝试新事物,热衷于美食。愿意分享前端技巧、笔记,以及各类有趣的应用和资源教程 ♥♥

友链
故事胶片
公众号
坚果大叔 执行上下文 卖坚果的怪叔叔
Copyright © 2017-2023 卖坚果的怪叔叔

萌ICP备20230818号 苏ICP备18048410号-2
  • 首页
  • 技术
  • 生活
  • 记录
  • 朋友
  • 常用代码
  • 工具箱
  • 关于
# CSS # # JavaScript # # vue # # 微信 # # 生活 #
坚果大叔
260
文章
71
评论
231
喜欢