关于用css画三角形的问题

Question

用css画三角形很简单，就是将一个块元素宽高设置为0，然后给某一边设一个比较厚的宽度，但是我发现，在这之前必须要给四个边先设一个透明的边，再去给一个边去设一个宽度，这样才能显示出来，如果直接去给一个边设宽度是显示不出来的，所以想问这是什么原因？

Answer 1

span{
			display: inline-block;
			border-bottom: 30px solid #ccc;
			border-left: 15px solid #fff;
			border-right: 15px solid #fff;
		}

<span></span>

像这样只需要三个边的border一个是三角形的颜色，其他两个是背景颜色就可以