什么'；在CSS中创建准3d块的好方法是什么？

以下是一个图像示例：

---

不过，我想用CSS来设计这样的页面元素。我似乎无法让它与边框样式一起工作。感谢您的帮助。

您也可以使用两个倾斜的伪元素来完成此操作

HTML：

<div class='box'></div>

.box {
    position: relative;
    margin: 10em auto 0;
    width: 20em; height: 20em;
    background: dimgrey;
}
.box:before, .box:after {
    position: absolute;
    transform-origin: bottom right;
    content: '';
}
.box:before {
    top: 0; right: 100%; bottom: 0;
    width: 4em;
    background: darkgrey;
    transform: skewY(45deg);
}
.box:after {
    right: 0; bottom: 100%; left: 0;
    height: 4em;
    background: silver;
    transform: skewX(45deg);
}

---

相关：+1…CSS做了另一件我认为它没有做的事情。