Some nice CSS styles.
Last Update:2018-07-24
Source: Internet
Author: User
Solemn statement: The following content excerpt from CSDN blog, the purpose is only for later use, so store here, and no other meaning.
<meta http-equiv= "Content-type" content= "text/html; charset=gb2312 "/>
<title></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: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 title= "This is the official button of CSDN" > CSDN button</button><br>
<button
Class=btn1_mouseout onmouseover= "this.classname= ' Btn1_mouseover '"
onmouseout= "This.classname= ' Btn1_mouseout '"
Title= "This is joecom (Juwuyi) 's original button joecom ' Sblog:http://blog.csdn.net/juwuyi '
> Green button</button><br>
<button class=btn1_mouseout onmouseover= "this.classname= ' btn1_mouseover '" onmouseout= "This.className=" btn1_ Mouseout ' "DISABLED
> Green button</button>
<P>
<button class=btn2 title= "This is the official button of e-commerce 2003" >2003 button</button>
<P>
<button class=btn3_mouseout onmouseover= "this.classname= ' Btn3_mouseover '"
onmouseout= "This.classname= ' Btn3_mouseout '"
onmousedown= "This.classname= ' Btn3_mousedown '"
onmouseup= "This.classname= ' Btn3_mouseup '"
title= "Joecom ' Sblog:http://blog.csdn.net/juwuyi"
> QQ button</button>
<P>
<button class=btn_2k3 title= "This is joecom (Juwuyi) 's original button joecom ' Sblog:http://blog.csdn.net/juwuyi ' > 2k3 Button</ Button>
</body>