fun with css part 1

Introduction

Well, I don't know about you but I can't stand those plain html buttons. Fortunately though there is a solution ;-)
Just create a .css file like the following

.niceButton
{ 
    <FONT color=red>padding</FONT>: <FONT color=blue>0px 4px 4px 4px;</FONT>
    <FONT color=red>font-size</FONT>: <FONT color=blue>8pt;</FONT> 
    <FONT color=red>font-family</FONT>: <FONT color=blue>Verdana;</FONT> 
    <FONT color=red>height</FONT>: <FONT color=blue>19px;</FONT> 
    <FONT color=red>filter</FONT>: <FONT color=blue>progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#dcdcdc, EndColorStr=#ffffff);</FONT>
    <FONT color=red>border-right</FONT>: <FONT color=blue>#7b9ebd 1px solid;</FONT>
    <FONT color=red>border-top</FONT>: <FONT color=blue>#7b9ebd 1px ridge;</FONT> 
    <FONT color=red>border-left</FONT>: <FONT color=blue>#7b9ebd 1px ridge;</FONT>
    <FONT color=red>border-bottom</FONT>: <FONT color=blue>#7b9ebd 1px ridge;</FONT>
} 

set the <input /> control's class property to the .css class created above

<input type="submit" name="Button" value="this is nice" id="Button" class="niceButton" />

and enjoy.

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here