pátek, 18. leden, 2008
Kategorie: CSS

Jednoduché tlačítko v css

Vytvořit tlačítko, jehož obrázek se po najetí myši změní na jiný není vůbec žádný problém. Toto řešení by však mělo být elegantní, aby z něho měl radost i tvůrce, a aby tedy nesplňovalo pouze funkci primární, ale i sekundární.

#tab a {
display: block;
background: url(button.jpg);
width: 152px;
height: 44px;
color: #fff;
text-decoration: none;
font-weight: bold;
}

#tab a:hover {
background: url(button-hover.jpg);
color: #fff;
text-decoration: none;
}

#tab div {
padding: 10px 0 0 0;
text-align: center;
}

Koukněte se na hotový příklad.