如何使用border属性实现一个三角形样式?

如何使用border属性实现一个三角形样式?

 

解决方案：

元素{
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    /*注:要显示那个方向的三角，就给这个方向设置颜色即可*/
    border-top-color: red;
} 

原文 http://www.sharedblog.cn/?post=42