制作导航分割线

来源:5-5 CSS3背景 制作导航菜单综合练习题

慕运维2603834

2015-10-06 23:25

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

写回答 关注

1回答

  • qq_子都_0
    2015-12-17 19:49:34

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

    qq_子都_... 回复无眠者

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

    2016-06-13 15:07:30

    共 2 条回复 >

十天精通CSS3

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

242553 学习 · 2623 问题

查看课程

相似问题