关于css中的border

我一直以为css中的border是正方形的 像这样

因为我平时用的时候都是 border:1px solid #000，都是同一个颜色所以看不出来

当我给每一个边分别设置颜色的时候才发现 他们是以梯形分布的，border中的top right bottom left 是以梯形显示的，如果此时你给div设置宽高为0的话 他们就变成三角形了