Libon

CSS 网格背景

用 CSS 渐变属性实现练习簿样式的网格背景

.bg-grid {
  /* 网格单个格子大小,  x   y */
  background-size: 42px 42px;
  background-image:
    /* 横线 */
    linear-gradient(0, #e6e6e6 1px, transparent 1px),
    /* 竖线 */
    linear-gradient(90deg, #e6e6e6 1px, transparent 1px);
}

效果图如下:

cd ../