css实现三角形

　　重点2：

　　边框透明css属性：transparent   

　　死亡的IE6中边框透明需要用到滤镜：/*_filter:chroma(color=#000000);色度滤镜,让IE6实现透明borderColor.这里滤镜的颜色值是不可以简写的*/

 

HTML

 

    <div id="triangle">            <em class="t_a"></em>    </div>

 

 

CSS

<style>    div,em{ margin:0; padding:0;}    #triangle{ margin:0 auto; width:500px;}    .t_a{ width:0; height:0; font-size:0; line-height:0; display:block;}    .t_a{ border-style:solid; border-width:40px; border-color:transparent  transparent  transparent  #603; _filter:chroma(color=#000000);/*滤镜*/}</style>

 

 

 

这里为什么会使这个样子（宽高为0，边框设置下怎么就有三角形了呢？）还不是很明白～望 赐教～～  

来源：http://www.cnblogs.com/NetSos/archive/2010/11/25/1887562.html