Abulafia blog
Zápisky podivné a ještě podivnější
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;
}
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.