CSS三角形

纯CSS代码实现各种小箭头

我们知道,一般网页中的箭头大多是图片图标,字体图标流行以后也有很多改用字体图标。而实际上用CSS即可绘制出各种箭头,无需裁剪图片,甚至没有用到CSS3,所以浏览器兼容性良好。基本原理原理非常简单,通过截取border(边框的部分“拐角”实现,几行CSS代码即可搞定。绘制梯形当元素宽、高和边框的宽相近(等)时,改变某一边的颜色可以看到一个梯形,不理解?我们来看实例:<divid="demo11"></div><...
继续阅读