css直角三角形怎么写（css创建三角形原理）

　　原理 6. 兼容IE6浏览器 解决办法 最终代码 扩展

　　简介

　　三角的做法有好几种： 图片、精灵图（网易） 字体图标（京东） 纯代码写（亚马逊）

　　这里主要介绍的纯代码写的。

　　优点 代码写的三角，不管大小是多少，是不失真的。 代码运行比图片更快。 如果项目中没有引用字体图标，代码写是比较可靠的。

　　原理

　　原理就是使用css的盒模型中的border属性

　　使用border属性就可以实现一个兼容性很好的三角图形效果，其底层受到border-style的inseet/outset影响，边框3D效果在互联网早期还是很流行的，。

　　1. 先创建一个div

　　2. 然后给div设定边框。

　　可以看到效果：

　　这个使用伪元素去做就很方便。