html+css制作三角形

div{
			width: 0;
			height: 0;
			border-top: 200px solid blue;
			border-right: 200px solid pink;
			border-bottom: 200px solid green;
			border-left: 200px solid red;
		}

效果图如下：

 

div{
			width: 0;
			height: 0;
			border-top: 200px solid transparent;
			border-right: 0;
			border-bottom: 200px solid transparent;
			border-left: 200px solid red;
		}

效果图如下：

 

div{
			width: 0;
			height: 0;
			border-top: 200px solid transparent;
			border-right: 200px solid transparent;
			border-bottom: 200px solid red;
			border-left: 200px solid red;
		}

效果图如下：

 

div{
			width: 0;
			height: 0;
			border-top: 400px solid transparent;
			border-right: 200px solid blue;
			border-bottom: 0;
			border-left: 0;
		}

效果图如下：