Question

我试图将下面的图片转换为CSS：

enter image description here

这就是我到目前为止所提出的：

所以我的问题是如何在按钮和盒子底部边框之间留出空隙？请注意，它需要灵活，因此按钮可以包含任意数量的文本并始终保持居中。谢谢

Answer 1

一种选择是用box-shadow

伪造差距

button, .button {
    box-shadow: 5px 0 white,
                -5px 0 white;
}