css绘制三角形方法

1.三角形的最终效果

第一步,四个边框线50像素,高度宽度都为0, 可以看出每个边框都是个三角形,四个边框组成了正方形

第二步, 我们试着去掉一条边框,我们去掉下边框发现原来是正方形的色块底部被截掉了1/2

第三步,这个时候我们隐藏左边和右边的边框线就绘制出了三角形。。ps:这里是隐藏边框即将边框颜色设置为透明色,如果去掉两条边框就绘制不出了。不明白的可以做实验试验一下





你可能感兴趣的:(CSS)