html セカンダリ タブを実装する方法: まず、Web ページ コードを記述するソフトウェアを開き、新しい HTML Web ページ ファイルを作成し、本文に HTML コードを記述してから、[
このチュートリアルの動作環境: Windows7 システム、html5 バージョン、DELL G3 コンピューターこの方法は、すべてのブランドのコンピューターに適しています。
html セカンダリ タブの実装方法:
1. Web ページ コードを記述するソフトウェアを開き、新しい HTML Web ページ ファイルを作成し、HTML コードを記述します。本文内:
<body> <div class="a"> <ul> <li> <a href="#">一级</a> <ul class="d"> <li><a href="#">二级</a></li> <li><a href="#">二级</a></li> </ul> </li> </ul> </div> </body>
2. CSS コードを <style></style> に記述します:
<style type="text/css">
.a ul li ul{
display: none;/*将 二级 菜单隐藏起来*/
}
.a ul li:hover ul{
display: block;/*当鼠标移动到一级标签后，ul即二级菜单显示出来*/
}
</style>3. 保存して実行すると、次のようになります。図では、マウスを置くと、前のレベルのメニューが表示された後、2 番目のレベルが表示されます。すべての手順を完了してください
関連する学習の推奨事項:html ビデオ チュートリアル
以上がHTMLにセカンダリタブを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
