按钮样式

好看的优快云 Button

 

好看的Green Button  好看的Green Button

好看的 e商2003 Button

好看的QQ Button

好看的 2k3 Button

 

 

1.  <style>   
2.   .btn   {   
3.     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    
4.   }   
5.   .btn 1 _mouseout   {   
6.     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    
7.   }   
8.   .btn 1 _mouseover   {   
9.     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    
10.   }   
11.   .btn 2    { padding :    2     4     0     4 ; font-size : 12px ; height : 23 ; background-color : #ece9d8 ; border-width : 1 ;}   
12.   .btn 3 _mouseout   {   
13.     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    
14.   }   
15.   .btn 3 _mouseover   {   
16.     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    
17.   }   
18.   .btn 3 _mousedown   
19.   {   
20.     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    
21.   }   
22.   .btn 3 _mouseup   {   
23.     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    
24.   }   
25.   .btn_ 2k3    {   
26.     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    
27.   }   
28.   </style>   

 

1.   < button     class = btn     title = "?是优快云的官方按?" >    好看的优快云   Button </ button > < P > </ p >    
2.    < button      
3.    class = btn1_mouseout     onmouseover = "this.className='btn1_mouseover'"    
4.      onmouseout = "this.className='btn1_mouseout'"    
5.      title = "?是JoeCom(juwuyi)的原?按?   Joecom'sblog:http://blog.youkuaiyun.com/juwuyi"    
6.    >    好看的Green   Button </ button >          
7.    < button      
8.    class = btn1_mouseout     onmouseover = "this.className='btn1_mouseover'"    
9.      onmouseout = "this.className='btn1_mouseout'"    DISABLED   
10.    >    好看的Green   Button </ button >    
11.    < P >    
12.    < button     class = btn2     title = "?是e商2003的官方按?" >    好看的   e商2003   Button </ button >    
13.    < P >    
14.    < button     class = btn3_mouseout     onmouseover = "this.className='btn3_mouseover'"    
15.      onmouseout = "this.className='btn3_mouseout'"    
16.      onmousedown = "this.className='btn3_mousedown'"    
17.        onmouseup = "this.className='btn3_mouseup'"    
18.        title = "?是JoeCom(juwuyi)的原?按?   Joecom'sblog:http://blog.youkuaiyun.com/juwuyi"    
19.    >    好看的QQ   Button </ button >    
20.    < P >    
21.    < button     class = btn_2k3     title = "?是JoeCom(juwuyi)的原?按?   Joecom'sblog:http://blog.youkuaiyun.com/juwuyi" >    好看的   2k3   Button </ button >    
22.     
23.    < TABLE     style = "TABLE-LAYOUT:   fixed"     height = 28     cellSpacing = 0     cellPadding = 0     width = "100%"     border = 0 >    
24.    < TBODY >    
25.    < TR     height = 3     width = "100%" >      
26.    < TD >     < TABLE     style = "TABLE-LAYOUT:   fixed"     height = 3     cellSpacing = 0     cellPadding = 0     width = "100%"     border = 0 >    
27.    < TBODY >    
28.    < TR     height = 1 >      
29.    < TD     width = 1 > </ TD >    
30.    < TD     width = 1 > </ TD >    
31.    < TD     width = 1 > </ TD >    
32.    < TD     bgColor =#908a47 > </ TD >    
33.    < TD     width = 1 > </ TD >    
34.    < TD     width = 1 > </ TD >    
35.    < TD     width = 1 > </ TD >    
36.    </ TR >    
37.    < TR     height = 1 >      
38.    < TD > </ TD >    
39.    < TD     bgColor =#908a47    colSpan = 2 > </ TD >    
40.    < TD     bgColor =#f7f8f9 > </ TD >    
41.    < TD     bgColor =#908a47    colSpan = 2 > </ TD >    
42.    < TD > </ TD >    
43.    </ TR >    
44.    < TR     height = 1 >      
45.    < TD > </ TD >    
46.    < TD     bgColor =#908a47 > </ TD >    
47.    < TD     bgColor =#f7f8f9    colSpan = 3 > </ TD >    
48.    < TD     bgColor =#908a47 > </ TD >    
49.    < TD > </ TD >    
50.    </ TR >    
51.    </ TBODY >    
52.    </ TABLE > </ TD >    
53.    </ TR >    
54.    < TR >      
55.    < TD >     < TABLE     style = "TABLE-LAYOUT:   fixed"     height = "100%"     cellSpacing = 0     cellPadding = 0     border = 0 >    
56.    < TBODY >    
57.    < TR >      
58.    < TD     width = 1     bgColor =#908a47 > </ TD >    
59.    < TD     id = oINNER     bgColor =#f7f8f9 >       </ TD >    
60.    < TD     width = 1     bgColor =#908a47 > </ TD >    
61.    </ TR >    
62.    </ TBODY >    
63.    </ TABLE > </ TD >    
64.    </ TR >    
65.    < TR     height = 3     width = "100%" >      
66.    < TD >     < TABLE     style = "TABLE-LAYOUT:   fixed"     height = 3     cellSpacing = 0     cellPadding = 0     width = "100%"     border = 0 >    
67.    < TBODY >    
68.    < TR     height = 1 >      
69.    < TD     width = 1 > </ TD >    
70.    < TD     width = 1     bgColor =#908a47 > </ TD >    
71.    < TD     width = 1     bgColor =#f7f8f9 > </ TD >    
72.    < TD     bgColor =#f7f8f9 > </ TD >    
73.    < TD     width = 1     bgColor =#f7f8f9 > </ TD >    
74.    < TD     width = 1     bgColor =#908a47 > </ TD >    
75.    < TD     width = 1 > </ TD >    
76.    </ TR >    
77.    < TR     height = 1 >      
78.    < TD > </ TD >    
79.    < TD     bgColor =#908a47    colSpan = 2 > </ TD >    
80.    < TD     bgColor =#f7f8f9 > </ TD >    
81.    < TD     bgColor =#908a47    colSpan = 2 > </ TD >    
82.    < TD > </ TD >    
83.    </ TR >    
84.    < TR     height = 1 >      
85.    < TD     colSpan = 3 > </ TD >    
86.    < TD     bgColor =#908a47 > </ TD >    
87.    < TD     colSpan = 3 > </ TD >    
88.    </ TR >    
89.    </ TBODY >    
90.    </ TABLE > </ TD >    
91.    </ TR >    
92.    </ TBODY >    
93.    </ TABLE >    
94.     
95.    < table     cellpadding = "0"     cellspacing = "0"     width = "100%"     height = "22"     border = "0" >    
96.        < tr >    
97.        < td     id = "msviRegionIdGraphic"     bgcolor = "#FFFFFF" > </ td >    
98.        < td     id = "msviRegionGradient1"     width = "50%"     style = "filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF',   endColorStr='#98B2E6',   gradientType='1')" > </ td >    
99.        < td     id = "msviRegionGradient2"     width = "50%"     style = "filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#98B2E6',   endColorStr='#3568CC',   gradientType='1')" > </ td >    
100.        </ tr >    
101.        </ table >   
     
102.