Html CSS菜单设计

刚刚启动web开发，我想复制这个导航栏样式。 有谁能帮我设计一个元素的navbart列表项的样式吗？我将努力学习如何处理这个问题。谢谢

PS：更有用的是，如果可以用sass Syntax来做，那就太好了。再次感谢xD

---

他们可能使用flexbox来实现这一点。 我推荐非常有用的网站cstricks，看看它是什么；）

---

您可以通过右键单击查看页面代码，然后“检查”查看html和css上的所有内容。

他们可能使用flexbox来完成此操作。 我推荐非常有用的网站cstricks，看看它是什么；）

---

您可以通过右键单击查看页面的代码，然后“检查”查看html和css上的所有内容。

这真的很简单！只需在导航中添加一些div。并相应地设计它。我没有包括你可以很容易找到的图标。底部的彩虹边框也可以设置为条纹，请访问以下网站：

正文{
保证金：0；
背景色：#f0
}
导航{
宽度：80vw；
背景色：白色；
保证金：自动；
/*边界底部*/
底部边框：2倍纯绿；
边框图像来源：线性渐变（向右、灰色、红色、橙色、黄色、绿色、浅蓝色、深蓝色）；
边界图像切片：20；
}
div{
显示：内联块；
填充：10vh 2.4vw；
}

家
指数
应用程序
交易
电视
玩
新闻

这真的很简单！只需在导航中添加一些div。并相应地设计它。我没有包括你可以很容易找到的图标。底部的彩虹边框也可以设置为条纹，请访问以下网站：

正文{
保证金：0；
背景色：#f0
}
导航{
宽度：80vw；
背景色：白色；
保证金：自动；
/*边界底部*/
底部边框：2倍纯绿；
边框图像来源：线性渐变（向右、灰色、红色、橙色、黄色、绿色、浅蓝色、深蓝色）；
边界图像切片：20；
}
div{
显示：内联块；
填充：10vh 2.4vw；
}

家
指数
应用程序
交易
电视
玩
新闻

请提供请提供很多感谢，我将检查您的说明根据您的代码，我在导航舱下获得了一个梯度仪。有一种方法可以在每个div下生成静态que颜色，以便将悬停颜色应用于div？我不明白你的意思，你能详细说明一下吗？非常感谢，我将检查你的说明根据你的代码，我在导航div下获得了一个梯度。有一种方法可以在每个div下制作静态的que颜色，以便在div上应用悬停颜色？我不明白你的意思，你能详细说明一下吗？Thnaks需要解释，我会去网站，找出我能找到的解释，我会去网站，找出我能找到的