关于三角形的绘制

为什么用 border-right  border-bottom   border-left 等这些属性绘制三角形 ？

    border-right: 100px solid transparent;

    border-bottom: 70px solid #ff0;

    border-left: 100px solid transparent;

对于这三个以及后面为什么使用透明表示不懂 ，跪求教