如何使用css提供自定义形状边框效果

Question

请查看图片。右侧有黑色边框，里面有文字。我怎样才能在css中得到这个？

Answer 1

我会说使用svg，使用svg作为容器div的背景，给出很多上边距/左边/右边的内容以使其适合。

顺便说一下，这种设计很可能无法在移动设备上运行，所以你必须找到一个合适的选择。

Answer 2

这是一个很棒的网站，里面有奇怪的CSS硬盘：https://css-tricks.com/examples/ShapesOfCSS/

你会看到他们做了一个鸡蛋，然后你可以修改鸡蛋的形状，试图获得类似于图片的形状。

你需要做的是创建一个带有类的div，然后修改div的形状并在其上有一个边框。