Comment faire pour créer plusieurs lignes de Tabs

Ouvrez un document vierge dans un éditeur de texte. Ceci est où vous allez créer la feuille de style qui définit vos onglets.

Créer un "menu" id pour chaque rangée d'onglets:

#menu {padding-left: 20px;}
# Menu2 {padding-left: 30px;}

Le "padding-left" propriété crée le décalage pour chaque ligne de sorte qu'ils ne se chevauchent pas directement un de l'autre.

Créer une classe pour les propriétés de lien avec le code suivant:

.nav une
{
couleur: #fff
GO
background: # 996699
GO
border-style: rainure
GO
text-decoration: none
GO
padding: 10px
GO
}

Créez la règle qui définit ce qui arrive quand la souris survole l'onglet avec le code suivant:

.nav a: hover {
couleur: #fff
GO
background: # 999999
GO
padding: 10px
GO
}

Créez la règle de la liste à puces:

.nav ul
{
padding: 10px
GO
list-style-type: none
GO
}

Chaque rangée d'onglets sera créé comme une liste non ordonnée séparée.

Créez la règle qui définit chaque élément de la liste et place les éléments d'une ligne horizontale:

.nav li
{
display: block
GO
float: left
GO
margin: 0
GO
}

Enregistrez le document avec le CSS "Css" extension de fichier.

Placez le code suivant dans votre document HTML où vous voulez que vos onglets apparaissent: