三角形

<style>
      .triangle {
           width:0;
           height:0;
           border-top:30px solid red;
           border-left: 30px solid transparent;
           border-right:30px solid transparent;
           border-bottom:30px solid transparent;

      }
</style>
<div class="triangle"></div>