css div 一个缺角的写法 和一个透线写法

想问一下这个红箭头指的地方用css 怎么写 这个小细节如何实现比较好 呢 能贴css代码最好

参考这个 css3实现优惠券效果（向内凹的圆）_pinena的博客-CSDN博客_css 优惠券内凹 背景色和自身（优惠券）的颜色会改变，实现向内凹的圆效果，效果图如下。如果叫设计师切好几十种背景图是很不现实的，只能用代码来实现，性能会比较好。随着背景色的改变，向内凹圆的背景色也要跟着变，因此，向内凹陷的部分只能设置成透明。实现如下三种情况：1、第一种情况（纯色）自身（优惠券）的颜色是纯色的，这个实现起来比较简单，主要代码如下：<div class="box">... https://blog.csdn.net/pinena/article/details/89708024

这就是一个圆或者半圆，先整个圆，塞进去
width 10px;
height:10px;
border-radius:10px;
/border-radius:0 10px 10px 0/

二选一
绝对定位进去

线条呢

.box {
                width: 200px;
                height: 50px;
                background: radial-gradient(circle at 0 50%, transparent 15px, white 16px) top left,
                    radial-gradient(circle at 100% 50%, transparent 15px, white 16px) right top;
                background-size: 50% 100%;
                background-repeat: no-repeat;
            }

            .box1 {
                width: 300px;
                height: 50px;
                text-align: center;
                padding-top: 30px;
                border-bottom: 2px dashed #fcf51b;
            }

at句 在safire里不支持 这个兼容嘛

div的边框写那条线。
两边的半圆用div的befort after 伪元素分别写一个圆定位在左右（黄色的半圆和圆没什么区别，视觉效果是一样的）