最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
纯CSS绘制三角形(各种角度)
时间:2023-08-09 11:48:15 编辑:袖梨 来源:一聚教程网
复制代码 代码如下:#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;}
相关文章
- 奇迹暖暖喵喵糖怎么获得 05-11
- fgo狂大公技能宝具怎么样 05-11
- 以闪亮之名新六星怎么样 05-11
- FGO白纸化地球自由关卡配置掉落一览 05-11
- FGO巡灵祝祭第2弹卡池抽取价值分析 05-11
- 重返未来1999箱中展映怎么玩 05-11