Botão que muda de cor ao passar o mouse

Bem, como você pode ver no menu do meu blog, ao passar o mouse no menu, ele muda de cor. Vou ensinar a fazer um menu que muda também, só que com imagens. Primeiro, coloque esse código CSS:

<style type="text/css">
.menu a {
background-image: url("normal.png");
color: #FF0000;
}
.menu a:hover {
background-image: url("cmouse.png");
color: #FF0000;
}
</style>

No lugar da imagem "normal.png", coloques a imagem que aparecerá antes de introduzires o mouse, e na "cmouse.png" coloques a imagem que aparecerá quando introduzido o mouse no botão.

Agora vamos aprender a colocar o menu no site:

<div class="menu">
<a href="url1.htm">Menu 1</a><a href="url2.html">Menu 2</a>
</div>

Coloque este código no lugar que quiseres o menu, e pronto. O menu que muda ao passar o mouse está feito!!!

 

Creditos: Zé da Ladeira

Autor : Matheus Soares ~ Isso Assim - De Louco Falta Pouco

Artigo Botão que muda de cor ao passar o mouse Publicado Por Matheus Soares no dia 23 de julho de 2012