Javascript 是否可以使用css创建一个三角形，所有三条边的颜色都不同

我正在尝试在我的网页中创建一个三角形，它的三个面都是不同颜色的……请建议如何使用SVG，如下所示：

@字符集UTF-8； .str2{笔划：蓝色；笔划宽度：10；笔划线帽：圆形；笔划线连接：圆形；笔划斜接限制：22.9256} .str0{笔划：石灰；笔划宽度：10；笔划线帽：圆形；笔划线连接：圆形；笔划斜接限制：22.9256} .str1{笔划：红色；笔划宽度：10；笔划线帽：圆形；笔划线连接：圆形；笔划斜接限制：22.9256} .fil0{fill:none}