使用css实现三角形？

HTML:

<div class="box"></div>

CSS:

.box{
    width:0；
    height:0；
    border-top:40px solid transparent；
    border-left:40px solid transparent；
    border-right:40px solid transparent；
    border-bottom:40px solid pink；

}

效果：