三角形

.triangle {
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    border-bottom-color: #f00;
}

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