header:after有个灰度条

同学你好，首先很抱歉没有准确的理解你的意思。

1、需要实现灰度条的地方在header底部，由于老师没有实现，所以同学是看不到的。

2、百度上搜不到灰度条是因为这不是一个概念，这只是一个样式，是视频老师自己起的名字。

3、我这里实现了一下灰度条，为了让同学看的更加明显，我把灰度条的颜色设置为了粉色：

下面的就是灰度条，是视频老师为了界面更加好看才会提到加一个灰度条，具体实现如下：

由于灰度条是加在header上的，所以相对于header来进行定位会更好计算，所以给header加一个相对定位：

然后使用伪元素来实现灰度条，再利用定位让其显示在底部：

这样会出现以下的效果，灰度条覆盖了导航项：

这是因为灰度条使用的是定位，层级高覆盖掉了导航项，可以给container设置相对定位，使用z-index提高导航栏的显示层级：

这样就是最终效果了，同学可以自己尝试一下，如果不能完全理解也没关系，我们后期会有详细的讲解。

希望我的回答能够帮助到你，望采纳，祝学习愉快！