仅使用 css 获取特定形状 [重复]

【问题标题】：Getting a particular shape using css only [duplicate]仅使用 css 获取特定形状 [重复]
【发布时间】：2015-07-19 22:28:57
【问题描述】：

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

【问题讨论】：

【解决方案1】：

一个选项是：

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

JSFiddle 从How to Make A Fancy Arrow Using CSS? 授权给用户 j08691

【讨论】：