How to change button style/image?

[Chrisj]

I'd like to improve the appearance of three buttons on an html page. I believe this is the code:

 

<input type="submit" name="purchase" value="Use Remaining Credits" style="margin:7px 0" style="padding:1px 2px 1px 2px" rel="gb_page_center[600, 635] ">
<input type="button" name="search" value="Get New Credits" onclick="window.location.href='newcredits.php';" style="margin:7px 0" style="padding:1px 2px 1px 2px">
<input type="button" name="search" value="Search Again Now" onclick="window.location.href='page.php??page=12';" style="margin:7px 0" style="padding:1px 2px 1px 2px">

 

How can I add more attractive buttons, which would include the text "Use Remaining Credits", etc.? Can you give me a code example?

Thanks

[requinix]

How do you want to improve them?

[Chrisj]

Thanks for your reply. I'd like them to be bigger buttons (with the text) add color and rounded corners.

[requinix]

If you need absolutely everybody to see rounded corners (I doubt you do) then you need to use an image instead.

 

Otherwise use CSS's font-size for the font size, color and background-color for colors, and border-radius for rounded corners.

[Chrisj]

Can you give me an example of how I'd use an image with this code?

Thanks

[requinix]

It depends on how that purchase button works. It might be that using an image instead would require changing server-side code, which (no offense) you probably couldn't do. But it might be that somebody else could make those changes, so I dunno.

 

Basically, drop the padding, change the type to "image", and specify a src for the image.