三角形css

作者：魔影杀戮发布日期:2026-05-23 浏览:123

/* 使用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首行缩进2字符怎么设置

下一篇：css 兄弟元素