绘制始终具有起点和终点线的CSS网格线

问题描述

在CSS中绘制垂直/水平线，因此无论参数（网格大小，线宽，视口纵横比）如何，始终会有第一行和最后一行可见。

代码

html,body{ height: 100% }
body {
  --thickness: 5px;
  --grid: 10; 
  
  background-image: linear-gradient(0deg,blue var(--thickness),transparent 0),linear-gradient(90deg,red var(--thickness),transparent 0);
  
  background-size: calc(100/var(--grid)*1%) calc(100/var(--grid)*1%);
}

Codepen playground

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）