display:grid边框重叠问题

.container{
    display: grid;
}
.container .item{
    border: 1px solid black
}

　　

效果极其难受，因为每个item都拥有本身的border，这样一来有的地方2px，有的地方1px。

那么应该怎么做呢？
其实很简单，两行css，如下

.container{
    display: grid;
}
.container .item{
    border: 1px solid black;
    margin-left: -1px;
    margin-top: -1px;
}