css---三角形的画法

总结三角形的画法如下：

            <!-- 向上三角形 -->
	<div class="triangle_top"></div>
	    <!-- 向下三角形 -->
	<div class="triangle_bottom"></div>

               .triangle_top{
			width: 0px;
			height: 0px;
			overflow: hidden;/*处理IE6最小高度*/
			border-width: 20px;
			border-color: transparent transparent #ccc transparent ;
			/*transparent全透明黑色(black)，即一个类似rgba(0,0,0,0)*/
			border-style: dashed dashed solid dashed;
		}
		.triangle_bottom{
			width: 0px;
			height: 0px;
			overflow: hidden;/*处理IE6最小高度*/
			border-width: 20px;
			border-color: #ccc transparent transparent  transparent ;
			/*transparent全透明黑色(black)，即一个类似rgba(0,0,0,0)*/
			border-style:solid dashed dashed  dashed;
		}

总结：

1.overflow: hidden;是考虑处理IE6最小高度问题

2.要画某个方向的三角形，在其相反的方向设置border-color和border-style，同理可以画出向左向右的三角形