一个典型的CSS控制的按钮样式

.btn  {...} { 
BORDER-RIGHT: #7b9ebd 1px solid; 
PADDING-RIGHT: 2px; 
BORDER-TOP: #7b9ebd 1px solid; 
PADDING-LEFT: 2px; 
FONT-SIZE: 12px; 
BORDER-LEFT: #7b9ebd 1px solid; 
CURSOR: hand; 
COLOR: black; 
PADDING-TOP: 2px; 
BORDER-BOTTOM: #7b9ebd 1px solid 
}  

< button  class =btn  title ="CSS样式按钮" > CSS样式按钮 </ button >  

以上是一个典型的CSS控制的按钮样式。我分别作一下简单的解释与说明：

.btn  {...} { 
BORDER-RIGHT: #7b9ebd 1px solid; 右边线 
PADDING-RIGHT: 2px; 内边距 右 
BORDER-TOP: #7b9ebd 1px solid; 上边线 
PADDING-LEFT: 2px; 内边距 左 
FONT-SIZE: 12px; 文字大小 
BORDER-LEFT: #7b9ebd 1px solid; 左边线 
CURSOR: hand; 鼠标移上去时，变成手形。 
COLOR: black; 颜色黑 （表示文字颜色） 
PADDING-TOP: 2px; 内边距 上 
BORDER-BOTTOM: #7b9ebd 1px solid 底边线 
}  

< button  class =btn  title ="CSS样式按钮" > CSS样式按钮 </ button >  

这是一个HTML的按钮代码，应用样式中的类btn