使用css创建三角形

分类: 文章 • 2024-02-04 12:27:58

使用css创建三角形原理

1、采用均分盒子的原理
盒子必须是块级元素，从盒子中心向盒子四个角划分四部分
2、代码实现
首先创建一个块级元素盒子，如div盒子
设边框宽高设为0，border越大三角形越大
将其他不需要显示的边框设为隐藏
如图所示
使用css创建三角形