If you need to use a nifty image as the submit button for your site, here are two easy ways to accomplish the task.
Method 1: Input Image
Change your submit input code to this – be sure to replace the URL with your own image.
<input type="image" src="b2.png" value="Sign Up!">
Method 2: CSS Background
There are actually two ways to go about applying CSS
Method 2.1 For inline styling
<input type="submit" value="Sign Up!" style="background:url('b2.png') no-repeat; width: 188px; height: 60px; border: none; color: transparent; font-size: 0;">
Method 2.2 For external stylesheets, add this to your stylesheet
.submitimg {
background:url('b2.png') no-repeat;
width: 188px;
height: 60px;
border: none;
color: transparent;
font-size: 0;
}
Don’t forget to add the class to your form
<input type="image" value="Sign Up!">
