按钮样式

来源：互联网发布：mysql多表查询sql语句编辑：程序博客网时间：2024/05/21 08:59

 <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>   

 <button   class=btn   title="?是CSDN的官方按?">   好看的CSDN   Button</button><P></p>   
  <button     
  class=btn1_mouseout   onmouseover="this.className='btn1_mouseover'"   
    onmouseout="this.className='btn1_mouseout'"   
    title="?是JoeCom(juwuyi)的原?按?   Joecom'sblog:http://blog.csdn.net/juwuyi"   
  >   好看的Green   Button</button>         
  <button     
  class=btn1_mouseout   onmouseover="this.className='btn1_mouseover'"   
    onmouseout="this.className='btn1_mouseout'"   DISABLED   
  >   好看的Green   Button</button>   
  <P>   
  <button   class=btn2   title="?是e商2003的官方按?">   好看的   e商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(juwuyi)的原?按?   Joecom'sblog:http://blog.csdn.net/juwuyi"   
  >   好看的QQ   Button</button>   
  <P>   
  <button   class=btn_2k3   title="?是JoeCom(juwuyi)的原?按?   Joecom'sblog:http://blog.csdn.net/juwuyi">   好看的   2k3   Button</button>   
    
  <TABLE   style="TABLE-LAYOUT:   fixed"   height=28   cellSpacing=0   cellPadding=0   width="100%"   border=0>   
  <TBODY>   
  <TR   height=3   width="100%">     
  <TD>   <TABLE   style="TABLE-LAYOUT:   fixed"   height=3   cellSpacing=0   cellPadding=0   width="100%"   border=0>   
  <TBODY>   
  <TR   height=1>     
  <TD   width=1></TD>   
  <TD   width=1></TD>   
  <TD   width=1></TD>   
  <TD   bgColor=#908a47></TD>   
  <TD   width=1></TD>   
  <TD   width=1></TD>   
  <TD   width=1></TD>   
  </TR>   
  <TR   height=1>     
  <TD></TD>   
  <TD   bgColor=#908a47   colSpan=2></TD>   
  <TD   bgColor=#f7f8f9></TD>   
  <TD   bgColor=#908a47   colSpan=2></TD>   
  <TD></TD>   
  </TR>   
  <TR   height=1>     
  <TD></TD>   
  <TD   bgColor=#908a47></TD>   
  <TD   bgColor=#f7f8f9   colSpan=3></TD>   
  <TD   bgColor=#908a47></TD>   
  <TD></TD>   
  </TR>   
  </TBODY>   
  </TABLE></TD>   
  </TR>   
  <TR>     
  <TD>   <TABLE   style="TABLE-LAYOUT:   fixed"   height="100%"   cellSpacing=0   cellPadding=0   border=0>   
  <TBODY>   
  <TR>     
  <TD   width=1   bgColor=#908a47></TD>   
  <TD   id=oINNER   bgColor=#f7f8f9>     </TD>   
  <TD   width=1   bgColor=#908a47></TD>   
  </TR>   
  </TBODY>   
  </TABLE></TD>   
  </TR>   
  <TR   height=3   width="100%">     
  <TD>   <TABLE   style="TABLE-LAYOUT:   fixed"   height=3   cellSpacing=0   cellPadding=0   width="100%"   border=0>   
  <TBODY>   
  <TR   height=1>     
  <TD   width=1></TD>   
  <TD   width=1   bgColor=#908a47></TD>   
  <TD   width=1   bgColor=#f7f8f9></TD>   
  <TD   bgColor=#f7f8f9></TD>   
  <TD   width=1   bgColor=#f7f8f9></TD>   
  <TD   width=1   bgColor=#908a47></TD>   
  <TD   width=1></TD>   
  </TR>   
  <TR   height=1>     
  <TD></TD>   
  <TD   bgColor=#908a47   colSpan=2></TD>   
  <TD   bgColor=#f7f8f9></TD>   
  <TD   bgColor=#908a47   colSpan=2></TD>   
  <TD></TD>   
  </TR>   
  <TR   height=1>     
  <TD   colSpan=3></TD>   
  <TD   bgColor=#908a47></TD>   
  <TD   colSpan=3></TD>   
  </TR>   
  </TBODY>   
  </TABLE></TD>   
  </TR>   
  </TBODY>   
  </TABLE>   
    
  <table   cellpadding="0"   cellspacing="0"   width="100%"   height="22"   border="0">   
      <tr>   
      <td   id="msviRegionIdGraphic"   bgcolor="#FFFFFF"></td>   
      <td   id="msviRegionGradient1"   width="50%"   style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF',   endColorStr='#98B2E6',   gradientType='1')"></td>   
      <td   id="msviRegionGradient2"   width="50%"   style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#98B2E6',   endColorStr='#3568CC',   gradientType='1')"></td>   
      </tr>   
      </table>   