我如何创建一个按钮的边框,使其在其内容之外浮动几个像素?-PHP中文网问答
我如何创建一个按钮的边框,使其在其内容之外浮动几个像素?
P粉633075725
P粉633075725 2023-09-08 17:01:07
0
1
444

我想创建一个如下所示的边框,但不确定如何使用 CSS 来实现这一点,有人可以帮忙吗?

当前代码包含我想要这种样式的按钮。

我尝试过使用带有轮廓的边框,也尝试过在 :before 后面使用边框来尝试使其正常工作,但无济于事。

P粉633075725
P粉633075725

全部回复 (1)
P粉787934476

我没有完全匹配您的按钮,但足以让您了解如何操作。

我对白色部分使用边框。然后勾勒出外部细线。

ul{list-style:none} .nav-link{ display:inline-block; background:red; padding:20px; border:10px #fff solid; border-radius:50%; outline:1px red solid; color:#fff; }
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!