网页制作中经常会使用到各种三角形或者小箭头标志在导航、提示框或者tab选项卡，效果简洁美观，这里介绍下如何使用CSS属性border来实现各种三角形和小箭头。

要使用border实现三角形，我们需要先了解下CSS的盒子模型，如下图：

然后再来见识下border的魔法：

.btest1{width:0;height:0;padding:0;border-width:20px;border-style:solid;border-color:#f30 #fff000 #2ab300 #b3007a;}