So implementieren Sie sekundäre Registerkarten in HTML: Öffnen Sie zuerst die Software, die Webseitencode schreibt, erstellen Sie eine neue HTML-Webseitendatei und schreiben Sie den HTML-Code in den Textkörper. Schreiben Sie dann den CSS-Code im [
Die Betriebsumgebung dieses Tutorials: Windows7-System, HTML5-Version, DELL G3-Computer. Diese Methode ist für alle Computermarken geeignet.
So implementieren Sie sekundäre Registerkarten in HTML:
1 Öffnen Sie die Software, die Webseitencode schreibt, erstellen Sie eine neue HTML-Webseitendatei und schreiben Sie den HTML-Code in den Textkörper:
<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 in <style></style>
Code:
<style type="text/css"> .a ul li ul{ display: none;/*将 二级 菜单隐藏起来*/ } .a ul li:hover ul{ display: block;/*当鼠标移动到一级标签后,ul即二级菜单显示出来*/ } </style>
3. Nach dem Speichern und Ausführen wird, wie in der Abbildung gezeigt, die zweite Ebene angezeigt, wenn Sie alle Schritte ausführen Empfehlungen:
HTML-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo implementieren Sie einen sekundären Tab in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!