Maison > interface Web > tutoriel CSS > Barre de navigation simple DIV+CSS_Échange d'expérience

Barre de navigation simple DIV+CSS_Échange d'expérience

WBOY
Libérer: 2016-05-16 12:10:20
original
1315 Les gens l'ont consulté

Une barre de navigation très simple, mettez-la ici pour une utilisation future ;
Ie7/ie7/Firefox ont été testés ; il n'y a pas de problème

Copier le code Le code est le suivant :
*{ padding:0; font-size:12px;宋体" , Arial; list-style:none;}
/*Définir brièvement la situation globale*/
a:link,a:visited{background:#FFF3C6 url(jaian.gif) no-repeat 15px 7px ; padding -left:23px; couleur:#000000;text-decoration: none;}
a:hover,a:active{color:#000;text-decoration: none;background-color: #FED762;}
a{display:block;border-bottom:1px solid #fff; padding-left:10px width:127px }
/*Définir le style du lien*/
ul{ background:#fff; ; largeur:150px ; bordure:1px solide #FF6600; margin:0px 20px -1px 20px;}
/*UL défini*/
span{ display:block;background:#FF9900 url(jai .gif) no-repeat 5px 5px; padding-left:13px;}


Copier le code Le code est la suivante :





Page d'effet

[Ctrl+A pour tout sélectionner Remarque :
Si vous devez introduire des J externes, vous devez actualiser pour exécuter ]

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal