创建css3特定形状

Question

我试图使用css3创建中间的V型截面形状，这可能吗？ 此模式将用作页脚的背景和响应式布局。 所以我试图避免直接使用图像。

Answer 1

 div { background-color: red; width: 100%; height: 50px; position: relative; text-align: center; } span { position: absolute; background color: #fff; width: 20px; height: 20px; top: -10px; background-color: #fff; transform: rotate(45deg); -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ } 

 <div><span></span></div> 

Answer 2

是的你可以。 但我强烈建议您改用图片。 但是如果您坚持，可以在这里参考。

https://css-tricks.com/examples/ShapesOfCSS/