CSS的border实现三角的随想
Posted by Kevin | Filed under HTML/CSS/JS | 2009-10-25
沉寂了好久哇，今天出了冒个泡，证明我还活着，然后再有模有样来篇技术稿，然后继续沉寂。
今天在CSS88的博客看到一篇有趣的文章《用css的border属性实现三角》。首先我会站在自己角度思考一下，如果要实现这样的三角效果，我会采取哪种方法？
我的第一反应就是用图片，但是同时也考虑到图片的缺点，如果以个页面需要几种样式的三角，是不是需要做几种图片？另外如果页面有换肤的需求，是不是同时图片也得换？
于是出于优化的思想考虑，看到用CSS来解决三角应该属于最佳解决方案吧，至少节约了三角图片的下载时间和便于换肤。但是也有他的缺点，因为是CSS的，所以必须考虑到各个浏览器对css的兼容状态。
当然本文仅讨论如何用border实现三角。首先来看下面以副图片：
-