article

Saturday, June 18, 2011

CSS Image button

CSS Image button









<style>
.downloadButton {
margin-top: 1em;
display: block;
background: url(download.gif);
width: 180px;
height: 51px;
cursor: default;
text-indent: -2000px;
}
.downloadButton:hover {
background-position: 0 -51px;
}
.downloadButton:active {
background-position: 0 51px;
}
</style>
<p><a href="#" class="downloadButton">Download</a></p>



Demo

http://dl.dropbox.com/u/7106563/r-ednalan/css_image_button.html

Related Post