html三角形怎么做

html-css018

html三角形怎么做,第1张

虽然有答案了 ， 但也有必要让你知道下   这个可以用css写出来，而且 很简单 很方便

有CSS3属性

包括 IE9 以上 支持    需要 -ms-  和-webkit-    具体 看兼容文档吧 

.div{ 

        width: 0px 

        height: 0px 

        border-style: solid 

        border-color: transparent transparent transparent red 

        border-width: 20px 

        transform:rotate(45deg)

    }

只设置border三个方向的值，另一个方向就会汇聚成一个点，就出现三角形了，希望对你有帮助，望采纳！

#triangle-left {

    width: 0

    height: 0

    border-top: 50px solid transparent

    border-right: 100px solid red

    border-bottom: 50px solid transparent

}

下面是个示例：