CSS实现三角箭头

.arrow:before{

    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    position: absolute;
    left: 50%;
    top: -10px;
    margin-left: -2px;
    border-width: 5px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #fff;

}

三角形箭头一般用在鼠标移入时间弹出图片或文字，也可以做聊天气泡

如果不想自己写，这里有个在线网站可以自动生成你想要的箭头 http://apps.eky.hk/css-triangle-generator/zh-hant

还有一个精华帖，上面有很多好东西，有空可以看看，https://blog.thankbabe.com/collection/