如何在 CSS 中制作这个形状？

Question

CSS3可以做这个形状吗？

Answer 1

你可以这样做，使用 after 的伪选择器。

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;   
}