Criando um triângulo div com CSS
Eu aprendi recentemente como criar a aparência de um triângulo div com CSS e HTML. Agora, gostaria de saber se é possível adicionar uma borda em torno de qualquer um dos lados do triângulo div, de modo que, se eu desse ao div um fundo branco e uma borda preta, você ainda poderia vê-lo? Existe uma maneira de fazer isso?
JSFIDDLE:http://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;
}