html - 如何编程导航栏(图像)web html

Question

我可以知道如何用 HTML/CSS 编写 pied piper 网站附件图片中看似简单的导航栏吗？特别是，如何对深蓝色部分进行编程？

我是否附上深蓝色图像并将其位置设置为“绝对”，并将链接按钮和 Logo 放置在其顶部？

或者有其他更好的方法吗？

谢谢!!

Answer 1

Or is it any other better way?

您真的是在问如何使用 CSS 设置背景(颜色)吗？

你应该看看the w3 tutorial about CSS backgrounds那么。

只需一个 div 并使用类似 CSS 的深蓝色背景

div.whatever-class-you-choose
{
    background: rgb(3, 10, 24);
}

或查看 the fiddle I made .这一切都不言自明。