css 画三角形的原理是利用盒子边框完成的,实现步骤可以分为以下四步: 1.设置一个盒子 2.设置四周不同颜色的边框 3.将盒子宽高设置为 0,仅保留边框 4.得到四个三角形,选择其中一个后,其他三角形(边框)设置颜色为透明 div{width:0px;height:0px;border-top:20px solid transparent;border-bottom:20px solid...
border: 2px solid; border-color: #96ceb4 #ffeead #d9534f #ffad60; } 效果如下图所示: 将border设置50px,效果图如下所示: 白色区域则为width、height,这时候只需要你将白色区域部分宽高逐渐变小,最终变为0,则变成如下图所示: 这时候就已经能够看到4个不同颜色的三角形,如果需要下方三角形,只需要...