css 画三角形

作者：穹上之月发布日期:2026-01-17 浏览:69

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

解释说明：

通过设置 width 和 height 为 0，并使用 border 属性来创建一个三角形。
border-left 和 border-right 设置为透明，而 border-bottom 设置为蓝色并指定高度，从而形成一个向上的蓝色三角形。

上一篇：css 内边框

下一篇：css多余文字显示省略号