Question

对不起，如果这真的很基本，但我搜索了一段时间并找不到类似的东西......

我想在 html5 中创建一个带有永久水平子菜单的水平顶部导航菜单，只有在单击另一个主菜单链接时才会更改。请不要下拉等

应该很简单吧？

这里我举了一个例子：https://s12.directupload.net/images/210206/knqcngnc.png

Answer 1

CSS：

.title {
  font-weight: bold;
  color: blue;
  font-size: 3em;
}
 #menu-container {
   display: flex;
   flex-direction: column;
 }
.menu {
  font-weight: bold;
  font-size: 2em;
}

.submenu {
   font-size: 1em;
}

HTML：

<body>
<header>
<nav>
  <div>
  <span class="title">Title</span>
  </div>
  <div id="menu-container">
  <span class="menu">Menu1</span>
  <span class="submenu">SubMenu1</span>
  <span class="submenu">SubMenu2</span>
  </div>
   <div id="menu-container">
  <span class="menu">Menu2</span>
  <span class="submenu">SubMenu3</span>
  <span class="submenu">SubMenu4</span>
  </div>
</nav></header>
</body>

带有永久子菜单的 HTML5 顶部水平菜单

1 个答案: