Using Images on your buttons

Share this on...

“how do you get the fade effects on your buttons?”

Even though I know kd knows this answer… *wink*…

How to make your buttons go…

It’s all CSS, my dear!
1. I made a selector called .”btn”
2. In my css:
.btn { background: #FFCC00 url(img/btn.gif); background-repeat: repeat; border-color: #FFCC00; color: #000000; font-weight: bold; font-size: 9pt; font-style: normal; font-family: Arial, Helvetica, sans-serif;}

3. btn.gif
is the gradient background in the buttons.

4. <input type=”submit” class=”btn”>

You can more or less use any image as a backround anywhere on your page with css….

Any questions?

Share this on...

One reply on “Using Images on your buttons”

  1. woohoo! i’m going to put the big blue building background on the big blue building skin. i think that will be way cool. and i really didn’t know the exact syntax of that, CSS still confuses me. as do most things in the world. constant state of confusion. l

Comments are closed.