Css 如何将固定水平菜单设置为页面顶部的下图

我需要在页面顶部制作一个水平菜单，如下图所示：

我试着用小提琴演奏，但问题是它没有显示出来

.ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
位置：固定；
/*将导航栏设置为固定位置*/
排名：0；
/*将导航栏定位在页面顶部*/
宽度：100%；
/*全宽*/
}
李{
浮动：左；
}
李阿{
显示：块；
颜色：白色；
填充：16px；
文字装饰：无；
}

ul不是一个类。这是一种元素。删除此处的点：.ul{…，因此它应该可以工作

要沿菜单设置顶部红线，请设置顶部边框：4px纯红；

ul{
边框顶部：4倍纯红；
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
位置：固定；/*将导航栏设置为固定位置*/
顶部：0；/*将导航栏定位在页面顶部*/
宽度：100%；/*全宽*/
}
李{
浮动：左；
}
李阿{
显示：块；
颜色：白色；
填充：16px；
文字装饰：无；
}

ul
不是一个类。它是元素。删除这里的点：
.ul{…
，因此它应该可以工作。谢谢你能告诉我如何在我的菜单上面画红线吗？如果可能的话，如果我需要在每个单词之间添加|如何添加|在菜单中的每个单词之间添加|你的问题是：“那个么，如何在页面顶部制作固定水平菜单，如上图所示？”。为li设置右边框或左边框。我认为最好为此创建一个新问题。