border宽度

均分原理，盒子是一个矩形以对角线划分为4个部分。

举个例子啊：

.square{
    width:0;
    height:0;
    margin:0 auto;
    border:6px solid transparent;
    border-top:6px solid red;
}

transform

看一下

1.div+css画代码原理采用的是均分原理。
2.在矩形的直角，两条边的样式要均分，比如左上角 border-top 和 border-left 的样式要均分
如果border-left 无色透明， border-top有色， 就会出来一个45度的锐角。

盒子宽度高度为0，

设置边框大小 border:100px solid red;

把其余三边设为透明，border-right-color:rgba(0,0,0,0)

求解