使用css的border属性实现三角形
1. border使用方法
2. border 三角形
2.1. 三角形原理,我们来看一个普通的底部边框
2.2. 我们在右边添加一个边框,细心留意两个border的交界就是一个斜线
2.3. 我们在左边边添加一个边框2.4. 试想一下,我们把左右边框变成了透明的,是怎么样的呢?
已经变成了梯形了啊,我们怎么样把她变成三角形呢?
2.5. 我们把宽度高度设置为0
一个向上三角形已经出现了啊
以上代码有简写方式:
2.6. 除了向上三角形,还有向下,向左,向右三角形
本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/9122.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除