如何在CSS中绘制一条开始宽并以某一点结束的行

Question

我讨厌画出无聊的直线。 如何使用html / css绘制一条开始宽并且结束的线 similar to the one shown in this image

Answer 1

这是哈利提到的一个例子

.triangle{
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  border-right:300px solid red;
}

<div class="triangle"></div>