纯 CSS 实现三角形：原理与代码示例

要纯 CSS 实现一个三角形，我们可以利用 CSS 的 border 属性和 transparent 透明度来实现。\n\n以下是一个用纯 CSS 实现三角形的示例代码：\n\nhtml\n<div class="triangle"></div>\n\n\ncss\n.triangle {\n width: 0;\n height: 0;\n border-left: 50px solid transparent;\n border-right: 50px solid transparent;\n border-bottom: 100px solid #000;\n}\n\n\n这段代码创建了一个用于显示三角形的 div 元素，通过设置宽度和高度为 0，以及设置 border 的样式，实现了一个等腰三角形。border-left 和 border-right 设置为透明，而 border-bottom 设置为实线的黑色，形成一个三角形的形状。\n\n你可以根据需要调整三角形的大小、颜色等属性来达到你想要的效果。