如何在CSS中製作此形狀？

Question

[形狀] [1]

是否可以在CSS3中製作此形狀？

https://prnt.sc/gxlhvk

Answer 1

你可以做這樣的事情，使用後的僞選擇。

CODEPEN LINK

CSS

div { 
    height: 200px; 
    background: blue; 
    position: relative; 
    width: 400px; 
} 

div:after { 
    content: ''; 
    position: absolute; 
    top: -50px; 
    left: -200px; 
    border-top: 300px solid white; 
    border-left: 300px solid white; 
    width: 0; 
    background: #fff; 
    border-radius: 300px; 
}