css实现三角形

原理

1.定义一个正方形区域
2.给定有宽度的边框，并给定四边不同颜色
3.将正方形宽高改为0px
4.将上边框设为none，左右边框透明度设为0
5.得到一个向上的三角形

代码

<div class ="box5"><div>

.box5{
			width: 0px;
			height: 0px;
			//margin-bottom: 10px;
			border-width: 100px;
			border-color: green rgba(0,0,0,0); 
			border-style: solid;
			border-top: none;
		}