CSS之三角形（样式数据纯为演示清晰，不要较真）

CSS三角形

值得注意的是-你想要的哪个底边的三角形，就让那个底边带颜色，其余的transparent就好。
如下：


需要注意的是：

1. 高度和宽度都为零
2. 我们要添加font-size:0;和line-height：0；考虑浏览器兼容性问题。
   下面的三角形我们在网站中经常遇到，如下：