如何画透明背景带边框的三角形？

我想知道如何绘制一个带有边框的透明背景的三角形？我发现的例子没有提供边框。有什么办法可以实现这一点吗？

这是一个带边框的透明纯 css 三角形：

.container {
    width: 200px;
    height: 200px;
    position: relative;
    border-top: 4px solid #e74c3c;
}

.triangle {
    position: absolute;
    margin: auto;
    top: -70px;
    left: 0;
    right: 0;
    width: 137px;
    height: 137px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    border-right: 4px solid #e74c3c;
    border-bottom: 4px solid #e74c3c;
}

Demo http://jsfiddle.net/pmq69/1/