css实现网格背景

实现效果截图

实现代码

  width: 400px;
  height: 200px;
  border: 1px solid #000;
  background-image: linear-gradient(
      90deg,
      rgba(0, 255, 213, 0.15) 10%,
      rgba(0, 0, 0, 0) 10%
    ),
    linear-gradient(rgba(0, 255, 213, 0.15) 10%, rgba(0, 0, 0, 0) 10%);
  background-size: 10px 10px;

background-image 属性为元素设置背景图像。
background-size 规定背景图像的尺寸。