1. 画一个深色的三角形 先画一个深色的三角形,然后再画一个同样大小白色的三角形盖在它上面,两个三角形错位 2 个像素,这样深色三角形的边缘就刚好露出一个像素 .margin-triangle::before{ position: absolute; top: 34px; left: -10px; border-top: 6px solid transparent; border-bottom: 6px solid tra...
圆角三角形 步骤一:画一个正方形 .rounded-triangle{width:50px;height:50px;background-color: cyan; } 步骤二:画一个菱形 利用CSS transform 属性旋转、倾斜、缩放 .rounded-triangle{width:50px;height:50px;background-color: cyan;transform:rotate(-60deg)skewX(-30deg)scale(1,0.866); } 步骤三:设置...