CSS-三角形

先编写一个空元素,然后将它四个边框中的三个边框设为透明,剩下一个设为可见,就可以生成三角形效果:(IE6不支持透明)

.triangle { 
    border-color: transparent transparent green transparent; 
    border-style: solid; 
    border-width: 0px 100px 100px 100px; 
    height: 0px; 
    width: 0px; 
}

posted @ 2014-04-17 14:00  白小虫  阅读(338)  评论(0编辑  收藏  举报