Un exemple simple de technologie de porte coulissante DIV+CSS_Échange d'expérience-tutoriel CSS-php.cn

Un exemple simple de technologie de porte coulissante DIV+CSS_Échange d'expérience

WBOY

Libérer： 2016-05-16 12:08:44

original

1461 Les gens l'ont consulté

Auteur : zishu
Ce qui suit est une barre de navigation utilisée sur le site KeQiji.

Ce que j'ai écrit cette fois n'est pas directement contrôlé sous forme d'ID dans STYLE. Formulaire CLASSE ;

Copier le code Le code est le suivant :

< style type="text/css"> 
#zishu li{ float:left; margin-top:50px;} 
.nav_a a:link,. nav_a a:visited{text -decoration:none; display:block; padding-right:10px; background:url(/upload/20073614410846.gif) no-repeat right top;margin-top:3px float; :left;} 
.nav_a span{cursor:hand;background-color: #DBF0C4; font-size:14px;background:url(/upload/20073614414862.gif) no-repeat; :29px; padding-left :10px; curseur:hand; float:left;} 
.nav_a a:hover,.nav_a active{text-decoration:none; (/upload/20073614410846. gif) pas de répétition en bas à droite ; marge-haut : 0px ; couleur : #000} 
.nav_a a:hover span,.nav_a a:active span{background-color : #DBF0C4 police ; -size:14px;background : url(/upload/20073614414862.gif) pas de répétition en bas à gauche ; display:block; padding-left:10px; padding-bottom:2px; curseur:main;} 
#box{ background:#009900; hauteur:4px; overflow:hidden; clear:both} 

Ce qui suit est la partie CORPS :

Copier le code Le code est le suivant :