How to Change a CSS button into a star image?

Site Admin Joined: Jun 30, 2012 Posts: 213 Location: NL

Code:

button.star {


    background-image: url(img/star.jpg); 


}

If there's no content in the button make sure you set the height/width otherwise it won't stretch to fit the button.

As a background

Code:

button {


    background: url('http://imgur.com/I0EwG.png') transparent;


    height: 48px;


    width: 45px;


    border: none;


}

In The button

HTML

Code:

<button><img src='http://imgur.com/I0EwG.png' /></button>

CSS

Code:

button {


    border: none;


    margin: 0;


    padding: 0;


    background: transparent;


}

	bestbuildpc Forum Index -> RavenNuke -> Tutorials	All times are GMT + 2 Hours
Page 1 of 1