CSS-三角形制作

CSS-三角形制作

原理：将四边形的高和宽设置为0，设置边框的宽度和颜色，比如需要设置倒正三角形，将上边框设置宽度和颜色，其他三条边框设置为透明色。

案例：
效果图：

代码：

font-size的兼容性: 文字本身的大小不兼容。
同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，
ie下实际占高16px，下留白3px，ff 下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。
解决方案：给文字设定 line-height 。确保所有文字都有默认的 line-height 值。
谷歌不支持小于12px的字体。推荐使用em为尺寸单位