Recherche chaud: nourriture saine chinoise a commander comment habiller pour une graduation les differentes formes de mythe croisière costa capitales nordiques DNS DHCP Infrastructure Chaud avantage jogging C0sta Crociere dubai ménisque dechire marcher
Index Loisirs Santé Technologie

Comment faire pour créer un menu interactif Navigation arrondie avec CSS

Publié:2012-10-28Source: général
Advertisement

Une barre de navigation interactive en utilisant le CSS avec des coins arrondis. Il suffit de mettre le code HTML comme une liste non ordonnée et vos liens de navigation que les éléments de liste et le CSS fera le reste! La CSS va dire au navigateur d'afficher cette liste non ordonnée spéciale que le menu. Cette utilise une technique d'avoir une image de fond avec trois états: normal, planer et active. Le css contrôle le placement de l'image d'arrière-plan alors quand vous passez, les images sont déplacés pour montrer que l'état stationnaire, et de même pour les actifs et puis retourne à l'état normal.

Étapes

Ancien fichier pas une ressource

1

Créez le html. Un <ul> <li pleine de> éléments.

Ancien fichier pas une ressource

2

Faire les milieux souhaités. Trois partie fond (ou deux). Une partie de l'état «normal» et un autre état "stationnaire" et éventuellement un état «actif». Ajouter milieux supplémentaires si vous voulez quelque chose comme des coins arrondis, ou tout simplement un en-tête.

Ancien fichier pas une ressource

3

Le CSS pour attacher les deux ensemble

Merci pour ton aide! S'il vous plaît nous dire ce que vous savez à propos de

...

Conseils

Voir l'exemple et obtenir le code source au Circlecube.

[Rédacteur: Admin]
Je vous imagine comme

Articles recommandés

Cliquez Top Ranking