经常看到这样的尖角，以前不懂，以为都是用图片做出来的，后来惊奇的发现，原来很多都是用CSS做出来的，既美观又节省资源，真是两全其美啊！

那么，用CSS怎么实现这种效果呢？首先，来写一个简单的代码： 复制代码代码如下:.arrow { width:0; height:0; font-size:0; border:solid 10px #000;} 这儿，我们可以得到一个黑色的正方形，其实这是边框组成的，因为div的宽度和高度都是0,。那么，我们具体来看看，div宽度和高度都是0时，它的上下左右四边框都是怎样的，下面我们把边框的各边颜色分别设置为不同颜色： 复制代码代码如下:<div class=