Help with HTML Gradient colors...?

I have the code underneath of a border line that I want to make cool with gradient colors. I just need to know how to make the align-text part gradient instead of GOLD. .btext {color:white; font-size: 18px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-align: center; border-width: 0px 0px 4px 0px; border-style: solid; border-color: GOLD}

Public Comments

  1. I hear CSS3 will have some support of gradients, but unfortunately that's not ready yet. For now, instead of doing a border on the bottom, add a background to your element. The following code sets the URL for an image that you create, aligns it to the bottom of your element, and repeats the image horizontally: background-image: url('gradient.jpg'); background-position: bottom left; background-repeat: repeat-x; If you want to see it in action without creating your background image first, this is a gold gradient I found while doing an image search. Of course, you can make yours whatever size and gradient you want. Hope this helps. http://hs-ses.com/site_images/colors/gold/gradient.jpg
Powered by Yahoo! Answers