Html CSS将屏幕分成4个相等的部分，中间有一个边框

我目前有一个代码，将屏幕分成4个相等的部分，它可以工作，但我还想要一条1px的线，横穿屏幕水平和垂直。有人知道如何做到这一点吗

CSS:

html:

---

谢谢大家!

您可能会搞乱现有div的左右边框

例如：

#NW {
 border-right: 1px black solid;
 border-bottom: 1px black solid;  
}

#NE {
  border-left: 1px black solid;
  border-bottom: 1px black solid; 
}

#SW {
  border-right: 1px black solid; 
}

#SE {
  border-left: 1px black solid; 
}

---

我不确定在尝试添加边框时是否会使用百分比设置高度/宽度-可能会导致溢出问题。否则，这应该有效

您可能会搞乱现有div的左右边框

例如：

#NW {
 border-right: 1px black solid;
 border-bottom: 1px black solid;  
}

#NE {
  border-left: 1px black solid;
  border-bottom: 1px black solid; 
}

#SW {
  border-right: 1px black solid; 
}

#SE {
  border-left: 1px black solid; 
}

我不确定在尝试添加边框时是否会使用百分比设置高度/宽度-可能会导致溢出问题。否则，这应该有效

添加：

#SE, #SW {
    border-top:1px solid white;
}
#NE, #SE {
    border-left:1px solid white;
}

添加：

#SE, #SW {
    border-top:1px solid white;
}
#NE, #SE {
    border-left:1px solid white;
}

---

使用

边框

属性…此外，您可能需要添加

框大小：边框框使用
边框
属性…此外，您可能需要添加
框大小：边框框带有所有相关前缀谢谢！你知道为什么我在div中添加padding属性时会得到两条垂直线吗？谢谢！你知道为什么我在div中添加padding属性时会得到两条垂直线吗？