用border属性实现一个小三角形

css小三角形使用border原理实现：

html：

	<div class="triangle"></div>

给容器设置宽高为0
设置一个宽度为10px的边框
想要下三角形，则给上部分（也就是第一个值）设置颜色
想要上三角形，则给下部分（也就是第三个值）设置颜色

css

.triangle {
	width: 0;
	height: 0;
	border: 10px solid;
	border-color: transparent transparent red transparent;
}

效果图：

这样一个小三角形就实现了