css - CSS中带有尖底端的垂直线

Question

只是一个简单的问题:

如何在 CSS 中创建这种垂直形状？

这将是一个 div 的左边框。

非常感谢!

更新 主要问题出在该行的底部。

Answer 1

用边框试试这个技巧:

div {
  border-left:20px solid orange;
  border-bottom:20px solid transparent;
  width:0;
  height:300px;
}

Fiddle