在css中绘制一个只有边框的三角形

Question

我正在尝试在css中绘制一个仅包含边框的三角形。没有背景颜色。

.arrow {
border-bottom: 10px solid transparent;
border-top: 10px solid transparent;
border-right: 20px solid #000;
height: 0;
width: 0px;
}

上面的代码给了我一个以＃000为背景颜色的三角形。我只想要三角形边框。

Answer 1

.arrow:after {
 content: '\25c1';
 display: inline-block;
}