先看下实现效果：(hh, 能节省不少代码)

html部分

   <div class="content"></div>

css部分

<style>   

 html {        height: 100%;    }       

 body {        height: 100%;        display: flex;        margin: 0;    }     

  .content {        

        width: 300px;        

        height: 150px;        

        margin: auto;      

          -webkit-mask: radial-gradient(circle at 0, transparent 20px, red 0);        

        background: linear-gradient(45deg, orange, red);    }

</style>