HTML5导航菜单示例

在这里只使用CSS来创建导航栏,不使用JavaScript。

Html5的nav标签

nav是html5新添加的tag,让我们来看一个例子:

Screen Shot 2016-02-28 at 13.36.19

看起来像一个列表。

添加一些css:

Screen Shot 2016-02-28 at 13.48.22

添加子菜单,更改<nav>块:

为子菜单添加css样式:

同理,你可以添加三级菜单。

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注