html - 如何制作内边框半径？

Question

<分区>

Answer 1

试试这个

HTML:

<div class="shape"></div>

CSS:

.shape{
    background: #074b7e;
    width: 300px;
    height: 150px;
    overflow: hidden;
    position: relative;
 }

 .shape:before{
     content: '';
     width: 150px;
     height: 150px;
     background: #fff;
     position: absolute;
     top: 0;
     right: -75px;
     border-radius: 100%;
 }

示例:https://jsfiddle.net/s2oew522/