Hoy os presento el código mediante el cual se pueden hacer triángulos únicamente mediante el uso de css. Decir que los triángulos serán rectángulos(como sabréis es cuando uno de los ángulos es de 90 grados).

.flechaizquierda {
border-color:transparent #000 transparent transparent;
border-style:solid;
border-width:10px 20px 10px 0;
width:0;
}

.flechaderecha {
border-color:transparent transparent transparent #000;
border-style:solid;
border-width:10px 10px 10px 20px;
width:0;
}

.flechatop {
border-color:transparent transparent #000000;
border-style:solid;
border-width:0 13px 13px;
width:0;
}

.flechabot {
border-color:#000000 transparent transparent;
border-style:solid;
border-width:13px 13px 0;
width:0;
}