这里需要使用到三个样式：
border-width、border-style、border-color
规则：
箭头侧边框：border-width:0; border-color:自定义颜色
反方向边框：border-width:自定义尺寸;border-color:transparent;
右三角▷：
border-width:10px 0 10px 10px;
border-color:transparent transparent transparent #ccc;
border-style:solid;下三角▼：
border-width:10px 10px 0 10px;
border-color:#ccc transparent transparent transparent;
border-style:solid;斜三角◥：
border-width:10px 0 0 10px;
border-color:#ccc transparent transparent transparent;
border-style:solid;其他类似，就不一一举例。
更详细的讲解，可参看如下资料：
纯CSS写三角形-border法 - 云中雀 - 博客园
www.cnblogs.com/blos...
