html - 自定义多边形形状

Question

如何在CSS中创建下面的形状？

我到处都找过，但没找到运气。

Answer 1

我想和你的照片一样

body{
  background:black;
}
.outer{
  margin:40px auto;
  width:1200px;
  height:100px;
  background:#37FFF7;
}

.inner {
  margin: 0 auto;
	border-bottom: 30px solid white;
	border-left: 70px solid transparent;
	border-right: 70px solid transparent;
	height: 0;
	width: 700px;
  position: relative;
  top:70px;
}

<div class="outer">
  <div class="inner"></div>
</div>