Css
<span id= "Articlecontent1_articlecontent1_lblcontent" ><style>
. btn {
Border-right: #7b9ebd 1px solid; padding-right:2px; Border-top: #7b9ebd 1px solid; padding-left:2px; font-size:12px; FILTER:progid:DXImageTransform.Microsoft.Gradient (gradienttype=0, startcolorstr= #ffffff, endcolorstr= #cecfde); Border-left: #7b9ebd 1px solid; Cursor:hand; Color:black; padding-top:2px; Border-bottom: #7b9ebd 1px solid
}
. btn1_mouseout {
Border-right: #7EBF4F 1px solid; padding-right:2px; Border-top: #7EBF4F 1px solid; padding-left:2px; font-size:12px; FILTER:progid:DXImageTransform.Microsoft.Gradient (gradienttype=0, startcolorstr= #ffffff, endcolorstr= #B3D997); Border-left: #7EBF4F 1px solid; Cursor:hand; Color:black; padding-top:2px; Border-bottom: #7EBF4F 1px solid
}
. btn1_mouseover {
Border-right: #7EBF4F 1px solid; padding-right:2px; Border-top: #7EBF4F 1px solid; padding-left:2px; font-size:12px; FILTER:progid:DXImageTransform.Microsoft.Gradient (gradienttype=0, startcolorstr= #ffffff, endcolorstr= #CAE4B6); Border-left: #7EBF4F 1px solid; Cursor:hand; Color:black; padding-top:2px; Border-bottom: #7EBF4F 1px solid
}
. btn2 {padding:2 4 0 4;font-size:12px;height:23;background-color: #ece9d8; border-width:1;}
. btn3_mouseout {
Border-right: #2C59AA 1px solid; padding-right:2px; Border-top: #2C59AA 1px solid; padding-left:2px; font-size:12px; FILTER:progid:DXImageTransform.Microsoft.Gradient (gradienttype=0, startcolorstr= #ffffff, endcolorstr= #C3DAF5); Border-left: #2C59AA 1px solid; Cursor:hand; Color:black; padding-top:2px; Border-bottom: #2C59AA 1px solid
}
. btn3_mouseover {
Border-right: #2C59AA 1px solid; padding-right:2px; Border-top: #2C59AA 1px solid; padding-left:2px; font-size:12px; FILTER:progid:DXImageTransform.Microsoft.Gradient (gradienttype=0, startcolorstr= #ffffff, endcolorstr= #D7E7FA); Border-left: #2C59AA 1px solid; Cursor:hand; Color:black; padding-top:2px; Border-bottom: #2C59AA 1px solid
}
. Btn3_mousedown
{
Border-right: #FFE400 1px solid; padding-right:2px; Border-top: #FFE400 1px solid; padding-left:2px; font-size:12px; FILTER:progid:DXImageTransform.Microsoft.Gradient (gradienttype=0, startcolorstr= #ffffff, endcolorstr= #C3DAF5); Border-left: #FFE400 1px solid; Cursor:hand; Color:black; padding-top:2px; Border-bottom: #FFE400 1px solid
}
. btn3_mouseup {
Border-right: #2C59AA 1px solid; padding-right:2px; Border-top: #2C59AA 1px solid; padding-left:2px; font-size:12px; FILTER:progid:DXImageTransform.Microsoft.Gradient (gradienttype=0, startcolorstr= #ffffff, endcolorstr= #C3DAF5); Border-left: #2C59AA 1px solid; Cursor:hand; Color:black; padding-top:2px; Border-bottom: #2C59AA 1px solid
}
. btn_2k3 {
Border-right: #002D96 1px solid; padding-right:2px; Border-top: #002D96 1px solid; padding-left:2px; font-size:12px; FILTER:progid:DXImageTransform.Microsoft.Gradient (gradienttype=0, startcolorstr= #FFFFFF, endcolorstr= #9DBCEA); Border-left: #002D96 1px solid; Cursor:hand; Color:black; padding-top:2px; Border-bottom: #002D96 1px solid
}
</style>
<body>
<button class=btn> good-looking WEBJX button</button><p></p>
<button
Class=btn1_mouseout
> Nice green button</button>
<button
Class=btn1_mouseout
DISABLED
> Nice green button</button>
<P>
<button class=btn2> good-looking WEBJX button</button>
<P>
<button Class=btn3_mouseout
> Nice Sina button</button>
<P>
<button class=btn_2k3> good-looking Sohu button</button>
</body></span>
<span id= "Articlecontent1_articlecontent1_lblcontent" ><style>.btn {border-right: #7b9ebd 1px solid; padding-right:2px; Border-top: #7b9ebd 1px solid; padding-left:2px; font-size:12px; FILTER:progid:DXImageTransform.Microsoft.Gradient (gradienttype=0, startcolorstr= #ffffff, endcolorstr= #cecfde); Border-left: #7b9ebd 1px solid; Cursor:hand; Color:black; padding-top:2px; Border-bottom: #7b9ebd 1px solid}.btn1_mouseout {border-right: #7EBF4F 1px solid; padding-right:2px; Border-top: #7EBF4F 1px solid; padding-left:2px; font-size:12px; FILTER:progid:DXImageTransform.Microsoft.Gradient (gradienttype=0, startcolorstr= #ffffff, endcolorstr= #B3D997); Border-left: #7EBF4F 1px solid; Cursor:hand; Color:black; padding-top:2px; Border-bottom: #7EBF4F 1px solid}. Btn1_mouseover {border-right: #7EBF4F 1px solid; padding-right:2px; Border-top: #7EBF4F 1px solid; padding-left:2px; font-size:12px; FILTER:progid:DXImageTransform.Microsoft.Gradient (gradienttype=0, startcolorsTr= #ffffff, endcolorstr= #CAE4B6); Border-left: #7EBF4F 1px solid; Cursor:hand; Color:black; padding-top:2px; Border-bottom: #7EBF4F 1px solid}. btn2 {padding:2 4 0 4;font-size:12px;height:23;background-color: #ece9d8; Border-width:1}. btn3_mouseout {border-right: #2C59AA 1px solid; padding-right:2px; Border-top: #2C59AA 1px solid; padding-left:2px; font-size:12px; FILTER:progid:DXImageTransform.Microsoft.Gradient (gradienttype=0, startcolorstr= #ffffff, endcolorstr= #C3DAF5); Border-left: #2C59AA 1px solid; Cursor:hand; Color:black; padding-top:2px; Border-bottom: #2C59AA 1px solid}. Btn3_mouseover {border-right: #2C59AA 1px solid; padding-right:2px; Border-top: #2C59AA 1px solid; padding-left:2px; font-size:12px; FILTER:progid:DXImageTransform.Microsoft.Gradient (gradienttype=0, startcolorstr= #ffffff, endcolorstr= #D7E7FA); Border-left: #2C59AA 1px solid; Cursor:hand; Color:black; padding-top:2px; Border-bottom: #2C59AA 1px solid}.btn3_mousedown{border-right: #FFE400 1px Solid padding-right:2px; Border-top: #FFE400 1px solid; padding-left:2px; font-size:12px; FILTER:progid:DXImageTransform.Microsoft.Gradient (gradienttype=0, startcolorstr= #ffffff, endcolorstr= #C3DAF5); Border-left: #FFE400 1px solid; Cursor:hand; Color:black; padding-top:2px; Border-bottom: #FFE400 1px solid}. Btn3_mouseup {border-right: #2C59AA 1px solid; padding-right:2px; Border-top: #2C59AA 1px solid; padding-left:2px; font-size:12px; FILTER:progid:DXImageTransform.Microsoft.Gradient (gradienttype=0, startcolorstr= #ffffff, endcolorstr= #C3DAF5); Border-left: #2C59AA 1px solid; Cursor:hand; Color:black; padding-top:2px; Border-bottom: #2C59AA 1px solid}. btn_2k3 {border-right: #002D96 1px solid; padding-right:2px; Border-top: #002D96 1px solid; padding-left:2px; font-size:12px; FILTER:progid:DXImageTransform.Microsoft.Gradient (gradienttype=0, startcolorstr= #FFFFFF, endcolorstr= #9DBCEA); Border-left: #002D96 1px solid; Cursor:hand; Color:black; padding-top:2px;Border-bottom: #002D96 1px solid}</style><body><button class=btn> good-looking webjx button</button> <p></p><button class=btn1_mouseout > Nice green button</button> <button class=btn1_ Mouseout disabled> good-looking green Button</button><p><button class=btn2> good-looking webjx Button</button ><p><button class=btn3_mouseout > Nice sina button</button><p><button class=btn_2k3> Nice Sohu button</button> </body></span>
[Ctrl + a All options]