我目前正在开发我的第一个主要Vue项目，我对这个框架已经非常熟悉了，但我最大的缺陷是CSS，我想知道我是否可以在卡片组件上制作这个"凹口"效果(卡片已经制作好了，它只是一个圆形边框图像，如图所示).(链接到下面的Imgur)
https://i.stack.imgur.com/SCJ23.png
我不知道这种效果是否容易用CSS实现，如果不容易，我就不需要使用其他库或任何其他不涉及CSS的技巧.
就这些，ty all
我目前正在开发我的第一个主要Vue项目，我对这个框架已经非常熟悉了，但我最大的缺陷是CSS，我想知道我是否可以在卡片组件上制作这个"凹口"效果(卡片已经制作好了，它只是一个圆形边框图像，如图所示).(链接到下面的Imgur)
https://i.stack.imgur.com/SCJ23.png
我不知道这种效果是否容易用CSS实现，如果不容易，我就不需要使用其他库或任何其他不涉及CSS的技巧.
就这些，ty all
这里需要的是使用CSS片段路径来生成所需的形状.
clip-path: polygon(50% 0%, 63% 12%, 100% 12%, 100% 70%, 100% 100%, 50% 100%, 0 100%, 0% 70%, 0% 35%, 0 0);
判断https://bennettfeely.com/clippy/以创建所需形状的剪辑.在你的例子中，我从一个十边形开始，并对其进行了reshape ，使其与你的匹配.
阅读https://css-tricks.com/clipping-masking-css/了解CSS中的剪辑和掩蔽.他们有一些很好的例子.