如何在CSS中创建此形状

Question

已经花了很多周时间试图找到一个可以制作这种形状的东西，它需要只是这个形状，希望没有覆盖物使它看起来像形状，而只是倾斜矩形。

Answer 1

＆＃13;

＆＃13;

#parallelogram {
  margin: 0 auto;
	width: 50%;
	height: 100px;
	-webkit-transform: skew(-30deg);
	   -moz-transform: skew(-30deg);
	     -o-transform: skew(-30deg);
            transform: skew(-30deg);
	background: blue;
}

＆＃13;

<div id="parallelogram">
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

#shape {
  width: 300px;
  height: 75px;
  background-color: blue;
  -webkit-transform: skew(-30deg);
	-moz-transform: skew(-30deg);
	-o-transform: skew(-30deg);
  transform: skew(-30deg);
  margin: auto;
}

<div id="shape"></div>