css绘制三角形方法

来源:互联网 发布:越南陆军实力 知乎 编辑:程序博客网 时间:2024/05/11 23:08

1.三角形的最终效果

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

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

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





0 0
原创粉丝点击