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，边框设置下怎么就有三角形了呢？）还不是很明白～望 赐教～～