使用css实现一个三角形，两种以上方案

方案一：使用边框

<div class="triangle"></div>

<style>
.triangle {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid #000;
}
</style>

方案二：使用伪元素

<div class="triangle"></div>

<style>
.triangle {
  position: relative;
  width: 100px;
  height: 100px;
}

.triangle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-bottom: 100px solid #000;
  border-right: 100px solid transparent;
}
</style>

这些方案将在屏幕上创建一个黑色的三角形。您可以根据需要调整样式中的尺寸、颜色和其他属性来定制三角形的外观。