虽然网上有很多绘制三角形的代码，但是相信还是有一部分人不知道如何实现。下面我举个栗子。这种情况应该可以理解，不就是设置一个borderwidth:100px;height:100px;border:20pxsolid;border-color:#000;box-sizing:border-box;第二步，改变边框颜色，你应该能理解width:100px;height:100px;border:20pxsolid;border-color:greenblueredorange;box-sizing:border-box;第三步，放大边框，使inside白色区域缩小为空width:100px;height:100px;border:50pxsolid;border-color:greenblueredorange;box-sizing:border-box;第四步，尝试将其他边框颜色改为透明色width:100px;height:100px;border:50pxsolid;border-color:greentransparenttransparenttransparent;box-sizing:border-box;就是这么简单，通过border-color，通过width控制三角形的方向,height,borderWidth来调整三角形的大小和形状文章内容/灵感借鉴自下面的内容【持续维护/更新500+前端面试题/笔记】https://github.com/noxussj/In...[大数据可视化图表插件]https://www.npmjs.com/package...[使用THREE.JS实现3D城市建模（珠海市）]https://3d.noxussj.top/
