CSS三角形

triangl.css

.triangl {
    /* 设置div的高度和宽度为 0 ，使得整个box只有border的部分 */
    height: 0;
    width: 0;
    /* 设置border为需要的宽度，并隐藏其他三边，这样三角形就出来了 */
    border-width: 15px;
    border-style: solid;
    border-color: transparent transparent #CCC transparent;
}