css画一个三角形

作者：角落里哭泣发布日期:2025-05-19 浏览:36

/* 使用CSS画一个三角形 */
.triangle {
  width: 0;
  height: 0;
  border-left: 50px solid transparent; /* 设置左边框为透明 */
  border-right: 50px solid transparent; /* 设置右边框为透明 */
  border-bottom: 100px solid red; /* 设置底边框为红色，形成三角形 */
}

解释说明：

width 和 height 都设置为 0，这样元素本身没有内容区域。
使用 border 属性来创建三角形。通过设置左右边框为透明，底边框为有颜色的边框，可以形成一个向上的三角形。
调整 border 的宽度和颜色可以改变三角形的大小和颜色。

上一篇：css 嵌套

下一篇：css display: flex