本文介绍了一种使用CSS边框属性来绘制三角形的方法。通过调整border-top-color属性，可以改变三角形的颜色和方向。代码示例展示了如何创建一个大小为10px的透明边框三角形。
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; 第一个属性即是三角形大小
扫一扫
3340
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
