1。为矩形设置边框以查看它如何变化。看一个正常的矩形变化过程
1。为矩形设置边框以查看它如何变化。看一个正常的矩形变化过程
得到梯形
旋转旋转
.b10{width:50px;高度：0；背景：粉色；border-top:60pxsolid#ff557f;左边框：60pxsolid#550000；border-right:60pxsolid#3EFF8B;border-bottom:60pxsolid#ffff7f;右边距：20px；底部边距：10px;}.b11{宽度：50px;高度：0；左边框：60pxsolid#550000；border-right:60pxsolid#3EFF8B;border-bottom:60pxsolid#ffff7f;右边距：20px；margin-bottom:10px;}.b11-tixing,.b11-tixing-rotate{宽度:50px;高度：0；左边框：60px实心透明；border-right:60pxsolidtransparent;border-bottom:60pxsolid#ffff7f;右边距：20px；底部边距：10px；}.b11-tixing-rotate{变换：旋转(-180deg);}.b11-tixing-rotatep{transform:rotate(180deg);}设置其他情况，也可以得到一些想要的图形4.当矩形的宽度为0，宽度为0时，可以得到对应的梯形。当然这个梯形也是可以用rotate来搞定的。方法不是唯一的，知道就知道了。5.当矩形的宽和高都为0时当矩形的宽和高都为0时，可以看到设置不同的边框时，会出现很多三角形。6、实心三角形如果想得到一个向下的等腰三角形，那么只需要（1）：去掉border-bottom（2）：把border-left和border-right改成透明可以理解如下：设置相应的两侧对于透明，上三角形，然后设置边框底部，删除边框顶部，下三角形，设置边框顶部，删除边框底部。对于左三角形，设置border-right，对于右三角形，设置border-left。如果想得到一个直角三角形：(1):设置两边，border-top,border-right(2):border-right设置为透明其他的可以多尝试，可以发现有规律的。