Html 如何定位两个角重叠的div，如链中的链接？

我不知道要编写什么代码来确保两个div的边界像链条一样彼此固定

我没有任何代码，因为我没有想到合理的解决方案

我使用了3d变换

.cont{
位置：相对位置；
高度：200px；
宽度：200px；
变换样式：保留-3d；
透视图：1000px；
}
.盒子{
高度：200px；
宽度：200px；
位置：绝对位置；
边界：10px固体；
}
.a{
边框颜色：番茄；
}
.b{
边框颜色：皇家蓝；
底部：-100px；
右：-100px；
变换：rotateX（-0.1deg）；/*这里*/
}

我使用了3d变换

.cont{
位置：相对位置；
高度：200px；
宽度：200px；
变换样式：保留-3d；
透视图：1000px；
}
.盒子{
高度：200px；
宽度：200px；
位置：绝对位置；
边界：10px固体；
}
.a{
边框颜色：番茄；
}
.b{
边框颜色：皇家蓝；
底部：-100px；
右：-100px；
变换：rotateX（-0.1deg）；/*这里*/
}