这种小三角如何实现呢

Question

就像这种的样式，，我本身想的是写一个伪类元素然后写成三角形然后定位，但是这样的话有一个问题就是会导致小三角的边框不连贯，请问这个该怎么实现啊，是再写一个三角设置成边框的颜色完了被盖住吗

Answer 1

用before和after写两个三角就行了，稍微错下位

Answer 2

clip-path的polygon

Answer 3

1. 用两个三角形嵌套
2. 可以用一个元素+伪元素

写了个 Demo，供参考：

https://codepen.io/meathill/p...

Answer 4

一个比较hack的方法，使用drop-shadow。
https://codepen.io/gentlecode...