一个典型的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