使用css3在网页中实现各种三角形样式集合

CSS3可以用来创建各种三角形样式。以下是一些示例代码：

1. 基本的等边三角形：

.triangle-up {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid red;
}

2. 等腰三角形：

.triangle-isosceles {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid red;
}

3. 直角三角形：

.triangle-right {
  width: 0;
  height: 0;
  border-top: 100px solid transparent;
  border-left: 100px solid red;
  border-bottom: 100px solid transparent;
}

4. 等腰直角三角形：

.triangle-isosceles-right {
  width: 0;
  height: 0;
  border-top: 100px solid transparent;
  border-left: 100px solid red;
  border-bottom: 100px solid transparent;
}

5. 斜角三角形：

.triangle-slope {
  width: 0;
  height: 0;
  border-top: 100px solid red;
  border-right: 100px solid transparent;
}

6. 等腰斜角三角形：

.triangle-isosceles-slope {
  width: 0;
  height: 0;
  border-top: 100px solid red;
  border-right: 100px solid transparent;
}

每个示例都创建了一个三角形，你可以根据需要调整border-size、border-color和其他属性来自定义三角形的样式。