HTML,CSS 三角形制作案例（等边三角形 直角三角形）

/* 等边三角形
			利用宽高为0;
			先设置边框为透明;
			在设置其中某一个的边框颜色 */
			div{
				width: 0;
				height: 0;
				border: 150px solid transparent;
				border-bottom-color: #0000FF;
			}
			/* 直角三角形
			利用宽高为0;
			设置边框样式
			设置四个边框的颜色其中三个为透明色
			给边框设置宽度,一个大小个小其余为0,利用挤压原理 */
			.zhijiao{
				width: 0;
				height: 0;
    		        border-color: transparent red transparent transparent;  
				border-style: solid;
				border-width: 100px 50px 0 0;
			}