一个典型的CSS控制的按钮样式
时间:2007-07-17 来源:xiang588

.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
相关阅读 更多 +










