css 实现三角形

一.实心三角形

			.filled-triangle1 {
				width: 100px;
				height: 100px;
				border: 1px solid #FF0000;
			}
			
			.filled-triangle2 {
				border-top: 50px solid #FF0000;
				border-right: 50px solid #23ab3f;
				border-bottom: 50px solid #D6D6D6;
				border-left: 50px solid #EEE5A3;
			}
			
			.filled-triangle3 {
				height: 0;
				width: 0;
			}
			
			.filled-triangle4 {
				border-top: 50px solid #FF0000;
				border-right: 50px solid transparent;
				border-bottom: 50px solid transparent;
				border-left: 50px solid transparent;
			}
			
						
			.filled-triangle {
				width: 0;
				height: 0;
				border-top: 50px solid #FF0000;
				border-right: 50px solid transparent;
				border-left: 50px solid transparent;
			}