Creando un triángulo div con CSS
Recientemente he aprendido cómo crear la apariencia de un triángulo div con CSS y HTML. Ahora, me gustaría saber si es posible agregar un borde alrededor de cualquiera de los lados del triángulo div, de modo que si le diera al div un fondo blanco y un borde negro, ¿aún podría verlo? ¿Hay alguna manera de hacer esto?
JSFIDDLEhttp://jsfiddle.net/c75KM/1/
HTML:
<div class="arrow-up"></div>
CSS:
.arrow-up {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid black;
}