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;
第一个属性即是三角形大小