CSS中带尖底的垂直线

Question

只是一个简单的问题:

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

这将是div的左边界.

非常感谢!

更新 主要问题是线的底部.

Answer 1

用边框尝试这个技巧:

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

小提琴