如何通过css制作一个三角形

148 阅读1分钟

如何通过css画出一个三角形呢?

通过css画三角形的原理其实就是利用盒子边框来完成的.

第一步.设置一个盒子

为了看到盒子,我们可以先给盒子一个背景颜色

Snipaste_2022-12-15_20-24-13.png

第二步.给盒子四周设置不同颜色的边框

盒子边框.png

第三步.将盒子宽高都设置为零,仅保留边框

三.png

第四步,选择一个三角形保留,其余三角形设置透明色即可

完成.png

这样我们就成功通过css画出了一个三角形 代码如下:

代码.png