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.