CCS绘制成的三角形箭头

css {

width: 0; height: 0;

border-left: 5px solid transparent; /* left arrow slant */

border-right: 5px solid transparent; /* right arrow slant */

border-bottom: 5px solid #2f2f2f; /* bottom, add background color here */

font-size: 0;

line-height: 0;

}

 

一直无法理解，然后知道自己尝试出来下图。