用纯css写三角形

标签：

正三角：

.sanjiao{width:0;height:0;overflow:hidden;border-width:10px;border-color: transparent transparent red transparent;border-style:dashed dashed solid dashed;}

倒三角：

.sanjiao{width:0;height:0;overflow:hidden;border-width:10px;border-color: red transparent transparent transparent;border-style: solid dashed dashed dashed;}

左三角：

.sanjiao{width:0;height:0;overflow:hidden;border-width:10px;border-color: transparent red transparent transparent;border-style: dashed solid dashed dashed;}

右三角：

.sanjiao{width:0;height:0;overflow:hidden;border-width:10px;border-color: transparent transparent transparent red;border-style: dashed dashed dashed solid;}

用纯css写三角形

标签：

原文地址：http://www.cnblogs.com/yaser/p/4379576.html