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