最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css div网页折叠层
时间：2022-06-25 10:18:00 编辑：袖梨 来源：一聚教程网
| 代码如下 | 复制代码 |
|
.arrow {
|
|
这其中关键的属性是border-left 和 border-top，这两个属性形成了一个三角形效果，也就是带子的拐角效果，你可以将以上代码的5、6行，做如下更改，看看效果：
1
2
| 代码如下 | 复制代码 |
| border-right: 20px solid transparent; border-top: 10px solid #c8c8c8; |
|
再做一次更改，看看什么效果：
1
2
| 代码如下 | 复制代码 |
| border-left: 20px solid transparent; border-bottom: 10px solid #c8c8c8; |
|
通过这几次更改，你可以看到，border-right、border-left和border-bottom、border-top的不同组合，可以实现三角形的不同的朝向，你可以举一反三制作你的折叠效果了
下面看效果
| 代码如下 | 复制代码 |
|
我的标题 |
|
相关文章
- 王者荣耀S38赛季有什么更新 12-25
- 王者荣耀S38赛季有什么更新 王者荣耀S38赛季更新内容介绍 12-25
- 世界之外12.25有什么更新 世界之外12月25日更新内容介绍 12-25
- 光遇12.25红石碎片在哪里 光遇12月25日红石碎片位置攻略 12-25
- 奇迹暖暖绚光引途第二天怎么玩 绚光引途day2庆祝之舞搭配攻略 12-25
- 无限暖暖拍照打卡位置在哪里 无限暖暖世界巡游位置全攻略 12-25