Image button in html

Question

I\'m trying to get a button that has an image on it. I\'ve seen stuff like the following but they don\'t give you the button press/release effect that a normal button does.

Answer 1

Yes there is, by applying a background-image to the button like so:

HTML

Click Me

CSS

button{
  background-image: url("YourImageHere");
  color: #FFF; //random values
  height: 50px; //random values
  width: 100px; //random values   
}

FIDDLE