<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 = #9 dbcea); border-left: #002d96 1px solid; cursor: hand; color: black; padding-top: 2px; border-bottom: #002d96 1px solid
}
</Style>
<Body>
<Button class = BTN Title = "Nice button"> nice button </button> <p> </P>
<Button
Class = btn1_mouseout onmouseover = "This. classname = 'btn1 _ mouseover '"
Onmouseout = "This. classname = 'btn1 _ mouseout '"
Title = "Nice button"> nice button </button>
<Button
Class = btn1_mouseout onmouseover = "This. classname = 'btn1 _ mouseover '"
Onmouseout = "This. classname = 'btn1 _ mouseout'" disabled> nice button </button>
<P>
<Button class = btn2 Title = "Nice button"> nice button </button>
<P>
<Button class = btn3_mouseout onmouseover = "This. classname = 'btn3 _ mouseover '"
Onmouseout = "This. classname = 'btn3 _ mouseout '"
Onmousedown = "This. classname = 'btn3 _ mouselow '"
Onmouseup = "This. classname = 'btn3 _ mouseup '"
Title = "Nice button"> nice button </button>
<P>
<Button class = btn_2k3 Title = "Nice button"> nice button </button>