html 如何在纯CSS中制作这一行?

mkh04yzy  于 2022-11-20  发布在  其他
关注(0)|答案(3)|浏览(151)

我试着用这个:

border: 1px solid #7BE34A;
box-shadow: 0px 4px 25px rgba(123, 227, 74, 0.25);

border: 1px solid #28780D;
box-shadow: 0px 4px 25px rgba(40, 120, 13, 0.25);

但它不工作

zvms9eto

zvms9eto1#

idk如果这是你正在寻找的,但这里是一个例子:
第一个

xqnpmsa8

xqnpmsa82#

我喜欢这个挑战,所以我试着去实现它,这是结果,它并不完美,但它会帮助你开始。
第一个

wpx232ag

wpx232ag3#

我用网格做的...所以你可以很容易地调整尺寸。
而且有一个地方为您的标题,所以它会跟随线响应。
第一个
这是一个很小的变体...在每一边都有一些边界半径和破折号。
只是为了证明网格是多么有趣...)

第一次

相关问题