Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在CSS中创建此形状?_Html_Css_Css Shapes - Fatal编程技术网

Html 如何在CSS中创建此形状?

Html 如何在CSS中创建此形状?,html,css,css-shapes,Html,Css,Css Shapes,是否可以在CSS3中制作此形状 您可以使用after的伪选择器执行类似操作 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-l

是否可以在CSS3中制作此形状


您可以使用after的伪选择器执行类似操作

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

尽管你什么都没试过,还是去看看吧。也许它会帮助你!!我结账了,但我不能正确理解。可能是