CSS 3 种颜色的三角形

Question

尊敬的，我的 Laravel blade 模板中有 3 种颜色，我想用它们生成一个三角形，正好在

Answer 1

如果形状只是你想要的，你可以这样做。

div{
  display: inline-block;
  border-left: 150px solid red;
  border-top: 150px solid red;
  border-right: 150px solid green;
  border-bottom: 150px solid blue;
}

<div></div>

CSS 3 种颜色的三角形

CSS Triangle with 3 Colors

css

linear-gradients