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，邊框設定下怎麼就有三角形了呢？）還不是很明白～望 賜教～～