我可以有两个相邻的边界相交吗？

代码很简单：

内部div具有透明背景，因此一旦定义边框，您将只能看到边框。我正在尝试使内部div的右边界和角边界相交，如下所示：

目标是在所有四个角上都具有该交点。

您可以使用linear-gradient，只需要一个元素：

.box {
  margin:30px;
  width:100px;
  height:100px;
  padding:10px;
  background:
   linear-gradient(#fff,#fff) 10px 0,
   linear-gradient(#fff,#fff) 0 10px,
   linear-gradient(#fff,#fff) calc(100% - 10px) 0,
   linear-gradient(#fff,#fff) 0 calc(100% - 10px);
   
 background-size:1px 100%,100% 1px;
 background-repeat:no-repeat;
}

body {
 background:green;
}