制作导航分割线

制作导航分割线为什么要用到渐变？

慕运维2603834

2015-10-06

源自：十天精通CSS3 5-5

关注问题我要回答

1650

操作

收起

1 回答

qq_子都_0
2015-12-17

它这个是用了2次渐变实现了导航分割线，你看li::before 和li::after, 通过在li标签的前后加两个1PX宽的块状区域，通过变化2次，块区域的渐变，从而实现分割线的效果，当然如果不用渐变也可以实现分割线。

1 回复有任何疑惑可以回复我~

收起回答

无眠者

让我奇怪的是，为什么要变两次，li::before 或 li::after 取其一即可。

2016-03-30 回复有任何疑惑可以回复我~

qq_子都_0 回复无眠者

....必须要两次啊，li:before添加的是li的top，li:after添加的是li的bottom ，你仔细看下css的:after和:before伪类

2016-06-13 回复有任何疑惑可以回复我~

0/150

提交

取消

十天精通CSS3

参与学习 242633 人
解答问题 2623 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

进入课程

本课相似问答

1 回答制作导航条分割线

1 回答制作导航分隔线

2 回答请问一下删除导航分割线

1 回答不知道怎样做出导航分割线

2 回答使用伪元素制作导航列表项分隔线

搜索更多本课相关问答

制作导航分割线

我要回答关注问题

热搜

最近搜索清空

制作导航分割线

1 回答

本课相似问答

制作导航分割线