css border粗细问题 grid布局

Question

问题1：

border: 1px solid #8c8c8c;

怎么简单让border细一点

如何达到下面的效果，要下面这种效果，不过我要白底，灰边

问题2：grid布局是不是默认有一条边框的，怎么改变颜色，能否去除？

Answer 1

问题一 ：

线粗的问题是因为你每块边框1px，跟相邻的块挨在一起就是1+1=2px

Answer 2

问题2，我没看到 grid-gap 有关于颜色的属性，也许你可以通过给背景设置颜色来曲线实现，如果是去掉的话就简单了，设置宽度为0就好了。