仅使用 css 获取特定形状

Question

这是仅使用 CSS 即可实现的所需形状。 我认为可以使用边框 CSS 属性 来完成，但无法实现。

Answer 1

一个选项是：

http://jsfiddle.net/j08691/a0uogod0/

#arrow {
border-right:30px solid black;
border-bottom:30px solid black;
width:100px;
height:100px;
transform: rotate(-45deg);
margin-top:40px;
}

JSFiddle accredited to user j08691 from How to Make A Fancy Arrow Using CSS?