gpt4 book ai didi

html - 居中按钮和边框之间的间隙

转载 作者:太空宇宙 更新时间:2023-11-04 13:29:00 25 4
gpt4 key购买 nike

我正在尝试将下图转换为 CSS:

enter image description here

这就是我到目前为止想出的:

DEMO

所以我的问题是如何在按钮和框的底部边框之间留出间隙?请注意,它需要灵活,以便按钮可以包含任意数量的文本并始终居中。谢谢

最佳答案

一种选择是用 box-shadow 伪造间隙

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

Updated fiddle

关于html - 居中按钮和边框之间的间隙,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23499163/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com