纯css来实现一个三角形的原理是什么源码？

要纯 CSS 实现一个三角形，我们可以利用 CSS 的 border 属性和 transparent 透明度来实现。

以下是一个用纯 CSS 实现三角形的示例代码：

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

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

这段代码创建了一个用于显示三角形的 div 元素，通过设置宽度和高度为 0，以及设置 border 的样式，实现了一个等腰三角形。border-left 和 border-right 设置为透明，而 border-bottom 设置为实线的黑色，形成一个三角形的形状。

你可以根据需要调整三角形的大小、颜色等属性来达到你想要的效果。