CSS3绘制竖线加朝下空心箭头

你可以使用以下CSS代码来画一个竖线和朝下的空心箭头：

.arrow {
  position: relative;
  width: 0;
  height: 100px;
  border-left: 2px solid black;
}

.arrow::before {
  content: '';
  position: absolute;
  top: 100px;
  left: -5px;
  border: 5px solid transparent;
  border-top: 5px solid black;
}

.arrow::after {
  content: '';
  position: absolute;
  top: 100px;
  left: -8px;
  border: 8px solid transparent;
  border-top: 8px solid white;
}

你可以在HTML中使用<div class='arrow'></div>来添加箭头。

这段代码首先创建了一个div元素，并给它添加了一个arrow类。然后使用::before和::after伪元素来创建箭头。::before伪元素创建一个黑色的三角形，而::after伪元素创建一个白色的三角形，从而形成空心箭头的效果。