有趣的 CSS 第 1 部分

引言

好吧，我不知道你们怎么样，但我实在受不了那些朴素的 HTML 按钮。幸运的是，有一个解决方案 ;-)
只需创建一个 .css 文件，内容如下

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

将 <input /> 控件的 class 属性设置为上面创建的 .css 类

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

然后尽情享受吧。