使用css的border属性实现三角形

使用css的border属性实现三角形

1. border使用方法

2. border 三角形

2.1. 三角形原理，我们来看一个普通的底部边框

2.2. 我们在右边添加一个边框，细心留意两个border的交界就是一个斜线

2.3. 我们在左边边添加一个边框2.4. 试想一下，我们把左右边框变成了透明的，是怎么样的呢？

已经变成了梯形了啊，我们怎么样把她变成三角形呢？

2.5. 我们把宽度高度设置为0

一个向上三角形已经出现了啊

以上代码有简写方式:

2.6. 除了向上三角形,还有向下,向左,向右三角形