2009-12-15 3 views
0

Lorsque vous entrez « google » dans Google, vous verrez qu'il ya un bouton +Comment créer le bouton + avec CSS?

Afficher devis stock pour GOOG

Avec Firebug, vous pouvez voir <div class="csb mbi">, quel est le contenu de la classe

MBI OEC

Je veux créer un tel bouton, un d après l'avoir cliqué, il deviendra un - bouton. Comment faire?

Répondre

2

Le bouton est en réalité juste une image. Google charge une image qui contient un tas de liens et d'images pour son site et ajuste juste l'affichage de l'arrière-plan pour montrer la pièce qu'ils veulent montrer.

Ce sont les styles principaux nécessaires pour réaliser ce qu'ils font.

background:transparent url(/images/nav_logo7.png) no-repeat scroll 0 0; 
height:13px; 
overflow:hidden; 
width:13px; 
background-position:-91px -74px; 

Vous pouvez trouver tout cela en examinant le CSS lorsque vous utilisez FireBug.

+0

Quelle est la source de cette image? Je veux le télécharger. – Steven

+0

http://www.google.com/images/nav_logo7.png –

+3

@Steven J'espère que vous êtes conscient que la réutilisation de ce bouton dans l'un de votre projet est très probablement une violation de google copyright – jitter