收藏的不错的CSS样式

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > < html  xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312"   /> < title > 收藏的几个css按钮样式 </ title > </ head > < style > ... table {...}{ width:95%; border: 1px #E6D1B0 solid; background-color: #efe3ce; font-size:11px; font-family:Tahoma; color:#FF6600; text-align:center; }             .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 >    漂亮的按钮 < table > < tr > < td > Hello world! </ td > </ tr > </ table >              < button  class =btn > 按钮样式1 </ button >              < br  />              < br  />              < button               class =btn1_mouseout  onmouseover ="this.className='btn1_mouseover'"              onmouseout ="this.className='btn1_mouseout'"              > 按钮样式2 </ button >                < br  />              < br  />              < button               class =btn1_mouseout  onmouseover ="this.className='btn1_mouseover'"              onmouseout ="this.className='btn1_mouseout'"  DISABLED              > 按钮样式3 </ button >              < P >              < button  class =btn2 > 按钮样式4 </ 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'"              >  按钮样式5 </ button >              < P >              < button  class =btn_2k3 > 按钮样式6 </ button >   </ body > </ html > 漂亮的链接 < style > ... <!-- body {...}{ font-family: Tahoma; font-size: 8pt } .leftmenu {...}{ width:150px; } .leftmenu li {...}{ display: inline; white-space: nowrap; } .leftmenu span, .leftmenu a:active, .leftmenu a:visited, .leftmenu a:link {...}{   display: block;   text-decoration: none;   margin: 6px 10px 6px 0px;   padding: 2px 6px 2px 6px;   color: #00527f;   background-color: #d9e8f3;   border: 1px solid #004266; } .leftmenu a:hover {...}{   color: red;   background-color: #8cbbda; } .leftmenu span {...}{   color: #a13100;   } --> </ style > </ head > < ul  class ="leftmenu" > < li >< a  target ="_blank"  href ="http://www.microsoft.com/china" > www.Microsoft.com </ a > < li >< a  target ="_blank"  href ="http://www.google.com" > www.Google.com </ a > < li >< a  target ="_blank"  href ="http://www.youkuaiyun.com/" > www.youkuaiyun.com </ a > </ ul >