Html 创建具有多边框的按钮

我需要为网站设计创建此类按钮：

问题是我真的不知道如何用CSS实现这一点。我在考虑边框和框阴影，但我找不到一个合适的方法

欢迎任何帮助

---

谢谢

是的，您可以使用方框阴影，如所附代码所示

正如评论中指出的，如果需要透明的背景，这将无法很好地工作

div{ 显示：内联块； 填充：10px 7px； 颜色：黑色； 背景色：白色； 边框：1px纯黑； 长方体阴影：0 2px绿色， 6px 6px 0 0白色， 6px 6px 0 2px蓝色， 12px 12px 0 0白色， 12px 12px 0 2px红色； }

---

关于我们的更多信息是的，您可以使用方框阴影，如所附代码所示

正如评论中指出的，如果需要透明的背景，这将无法很好地工作

div{ 显示：内联块； 填充：10px 7px； 颜色：黑色； 背景色：白色； 边框：1px纯黑； 长方体阴影：0 2px绿色， 6px 6px 0 0白色， 6px 6px 0 2px蓝色， 12px 12px 0 0白色， 12px 12px 0 2px红色； }

---

关于我们的更多信息与您想要的内容接近的是：

.加边{ 背景：透明； 边框：1px纯黑； 盒影：0px 0px 0 1px白色，0px 0px 0 3px黑色，4px 4px 0 2px白色，4px 4px 0 3px黑色； }

---

关于我们的更多信息与您想要的内容接近的是：

.加边{ 背景：透明； 边框：1px纯黑； 盒影：0px 0px 0 1px白色，0px 0px 0 3px黑色，4px 4px 0 2px白色，4px 4px 0 3px黑色； }

---

关于我们的更多信息您可以在“框阴影”属性上使用多个阴影，请参见以获取一些灵感。您可以在“框阴影”属性上使用多个阴影，请参见以获取一些灵感。这对背景效果不佳，但对背景效果不佳