给按钮添加css样式的方法：
添加方法：
1、.btn {BORDER-RIGHT: #7b9ebd 1px solid右边线
2、PADDING-RIGHT: 2px内边距 右
3、BORDER-TOP: #7b9ebd 1px solid上边线
4、PADDING-LEFT: 2px内边距 左
5、FONT-SIZE: 12px文字大小
6、BORDER-LEFT: #7b9ebd 1px solid左边线
7、CURSOR: hand鼠标移上去时，变成手形。
8、COLOR: black颜色黑 （表示文字颜色）
9、PADDING-TOP: 2px内边距 上
10、BORDER-BOTTOM: #7b9ebd 1px solid }底边线
扩展资料
CSS样式部分
大小 {font-size: 12px}，x-large(特大) xx-small(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD
样式 {font-style: oblique}(偏斜体) italic(斜体) normal(正常)
行高 {line-height: normal}(正常) 单位：PX、PD、EM
粗细 {font-weight: bold}(粗体) lighter(细体) normal(正常)
变体 {font-variant: small-caps}(小型大写字母) normal(正常)
大小写 {text-transform: capitalize}(首字母大写) uppercase(大写) lowercase(小写) none(无)
修饰 {text-decoration: underline}(下划线) overline(上划线) line-through(删除线) blink(闪烁)
常用字体： (font-family)
"Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana
背景属性： (background)
色彩 {background-color: #FFFFFF}
图片 {background-image: url()}
重复 {background-repeat: no-repeat}
滚动 {background-attachment: fixed}(固定) scroll(滚动)
位置 {background-position: left}(水平) top(垂直)
字间距 {letter-spacing: normal} 数值 /*这个属性有用，多实践下*/
对齐 {text-align: justify}(两端对齐) left(左对齐) right(右对齐) center(居中)
你按钮上都没写class类怎么用.button来控制这个按钮的样式呢你可以用 input[type="button"] {}来选择这个所有的<input type="button" >这些按钮
或者你还想用上面的那种写法，你可以这么改
<input type="button" class="button" name="caigou" id="caigou" value="采购" style="width:50pxheight:50px"/>
<input type="button" class="button" name="xiaoshou" id="xiaoshou" value="销售" />
给每个按钮加上一个button的类这样你就可以用 .button 来控制了
或则楼上的说法也可以，虽然有点烦，按钮的另一种写法是<button>销售</button>如果是这样写的话，就直接用 button{}来控制这个按钮的样式
如何用css做按钮点击后发光效果怎么做？这个问题只能用代码的形式来解答,如下：
http://www.jqueryba.com/jquery/css3buttom.html
.btn-wrap {
text-align: center
margin: 50px
}
.btn{
position: relative
display: inline-block
line-height: 25px
padding: 5px 15px
margin:10px
transition: all .3s ease-out
text-transform: uppercase
border-radius: 5px
border: 1px solid #1e639a
color: #fff
font-weight: bold
cursor: pointer
text-shadow:0 1px 2px rgba（0,0,0,.4）；
box-shadow: inset 1px 0 0 #559ad5,inset -1px 0 0 #559ad5,inset 0 1px 0 #559ad5,inset 0 -1px 0 #559ad5,0 0 1px rgba（0,0,0,0.5）；
background: #4086c2/* Old browsers */
background: -*-linear-gradient（to bottom, #4086c2 0%,#2989d8 100%,#3378b1 100%）；
}
.btn:hover {
background: #3378b1/* Old browsers */
background: -*-linear-gradient（to bottom, #3378b1 0%,#2989d8 0%,#4086c2 100%）；
}
.btn:active:after {
content: ""
display:block
width: 2px
height: 2px
position:absolute
border-radius:2px
top:50%
left: 50%
margin: -1px 0 0 -1px
z-index:2
background: rgba（255,255,255,1）；
box-shadow:0 0 10px 5px rgba（255,255,255,0.5），
0 0 20px 10px rgba（255,255,255,0.5），
0 0 30px 15px rgba（255,255,255,0.4），
0 0 40px 20px rgba（255,255,255,0.3），
0 0 50px 25px rgba（255,255,255,0.3），
0 0 60px 30px rgba（255,255,255,0.3），
0 0 70px 35px rgba（255,255,255,0.3）；
