CSS圆角如何实现?

Question

现在需求更改了，右上角多了一个标签一样的东西，这个能用CSS实现？？？？
中间2个缺角，原先用2个div模拟，但是发现有点不优雅，用伪类如何实现？

麻烦各位大神们解答一下，谢谢，最好提供demo。前端小白

Answer 1

画两个黑色的圆，定位到那个位置

Answer 2

两个小点(div),相对定位,然后border-radius:100%

https://codepen.io/jx915/pen/...

Answer 3

用伪类添加背景色
加圆角border-radius:50%;
绝对定位到哪里去

Answer 4

伪类定位就可以。border-radius:50%；