带边框的左三角形

Question

我正在尝试创建一个左三角形，其边框类似于 arrow representation

但我不确定如何为三角形应用边框颜色，这是我尝试过的

#arrow{
border-top:10px solid transparent;
border-bottom:10px solid transparent;
border-right:10px solid white;
top: 140px;
position: absolute;
}

<div id="arrow"></div>

有些地方我读到它可以使用两个盒子来实现，但是我试图只用一个盒子来实现它。有什么方法可以实现这一目标吗？