Nice Button (Web Control)

Kadangkala saat kita sedang membuat suatu web dan jika kita melihat button standar 'bawaan' dari web/asp control, mungkin kita akan merasa bosan.

kita bisa mengakali style-nya melalui class di CSS.
cara pembuatannya seperti dibawah ini.


kode 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;
}

untuk mengaplikasikannya pada kode html/asp.net :

pada button yg akan kita rubah stylenya, tambahkan class css ini ke objek button tsb,

class="niceButton"

hasilnya :



tuh, keren kan....???

pada code css terdapat sintaks : filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#dcdcdc, EndColorStr=#ffffff); , dari sintaks inilah kita bisa merubah style button tsb.

buat lebih jelasnya tanya sama 'mbah Google deh

sumber : Daniel Walzenbach (Code Project)