css绘制三角形
代码：
<style>
.test {
width: 0px;
height: 0px;
border:10px solid transparent;
border-top-color: #00BCD4;
}
</style>
<body>
<div class="test"></div>
</body>
运行示例：
注意点：
border-top-color: #00BCD4;
直接在top部位修改属性 top bottom left right 即可修改小三角形的方向
方向与你设置的是相反的
border:10px solid transparent; 第一个属性即是三角形大小