CSS Sprite İle Buton Oluşturma

Ugur Dalkıran'ın anlattığı ve hoşuma giden buton kodlarını paylaşacağım.Css sprite tekniği kullanılarak oluşturulan bu butonlar sayesinde blogunuza,sitenize estetik bir görüntü katabilirsiniz.Özellikle indir butonu olarak kullanılabilir.

Css Kodu:

#buton-one{
 background-image:url(buton.png);
 background-position:0px 0px;
 width:250px;
 height:37px;
 padding-top:14px;
}
#buton-one:hover{
 background-position:-250px 0px;
}
#buton-one a{
 font-size:17px;
 font-family:Myriad Pro;
 text-decoration:none;
 color:#fff;
}

HTML KODU:

<div id="buton-one"><a href="#"><center>İndir</center></a></div>

Kaynak: http://ugurdalkiran.com/css-sprite-ile-indir-butonu-yapalim.html