最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
纯CSS绘制三角形（各种角度）
时间：2023-08-09 11:48:15 编辑：袖梨 来源：一聚教程网
复制代码 代码如下:#triangle-up {width: 0;height: 0;border-left: 50px solid transparent;border-right: 50px solid transparent;border-bottom: 100px solid red;} 
复制代码 代码如下:#triangle-down {width: 0;height: 0;border-left: 50px solid transparent;border-right: 50px solid transparent;border-top: 100px solid red;}
复制代码 代码如下:#triangle-left {width: 0;height: 0;border-top: 50px solid transparent;border-right: 100px solid red;border-bottom: 50px solid transparent;}
复制代码 代码如下:#triangle-right {width: 0;height: 0;border-top: 50px solid transparent;border-left: 100px solid red;border-bottom: 50px solid transparent;}
复制代码 代码如下:#triangle-topleft {width: 0;height: 0;border-top: 100px solid red;border-right: 100px solid transparent;}
复制代码 代码如下:#triangle-topright {width: 0;height: 0;border-top: 100px solid red;border-left: 100px solid transparent;}
复制代码 代码如下:#triangle-bottomleft {width: 0;height: 0;border-bottom: 100px solid red;border-right: 100px solid transparent;}
复制代码 代码如下:#triangle-bottomright {width: 0;height: 0;border-bottom: 100px solid red;border-left: 100px solid transparent;}
相关文章
- 《星之破晓》虞姬云霓雀翎有哪些技能 06-14
- 《大侠立志传》御剑属性书获取条件说明 06-14
- 《异界事务所》困难1-4-1有哪些快速通关方法 06-14
- usdt交易平台有哪些？十大usdt交易平台推荐排行 06-14
- 《花亦山心之月》苏望夷装备搭配技巧全解 06-14
- 《卡拉彼丘》对局编号如何正确使用 06-14