Heim > Artikel > Web-Frontend > So implementieren Sie einen sekundären Tab in HTML
So implementieren Sie einen sekundären Tab in HTML
- coldplay.xixiOriginal
- 2021-02-20 11:09:285994Durchsuche
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!