"Content-type"Content="text/html; charset=gb2312"> <title>tssljc.com/Tangshan Light Partition board---several very beautiful buttons implemented with CSS </title> <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: at; 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> class=BTN title="Nice button."> Good-looking buttons </button><P></p> <Buttonclass=btn1_mouseout onmouseover="this.classname= ' Btn1_mouseover '"onmouseout="this.classname= ' btn1_mouseout '"title="Nice button."> Good-looking buttons </button> <Buttonclass=btn1_mouseout onmouseover="this.classname= ' Btn1_mouseover '"onmouseout="this.classname= ' btn1_mouseout '"Disabled> Good-looking buttons </button> <P> <buttonclass=BTN2 title="Nice button."> Good-looking buttons </button> <P> <buttonclass=btn3_mouseout onmouseover="this.classname= ' Btn3_mouseover '"onmouseout="this.classname= ' btn3_mouseout '"onmousedown="this.classname= ' Btn3_mousedown '"onmouseup="this.classname= ' Btn3_mouseup '"title="Nice button."> Good-looking buttons </button> <P> <buttonclass=btn_2k3 title="Nice button."> Good-looking buttons </button> </body> A few very beautiful buttons implemented with CSS