css3中的button样式怎么改

Question

css3中的button样式怎么改

Answer 1

在一个id为bt1的按钮上设置样式，如下：#bt1{&nbsp;1font-family:微软雅黑&nbsp;;&nbsp;&nbsp;&nbsp;&nbsp;<!--&nbsp;字体&nbsp;&nbsp;-->&nbsp;1234567891011width:&nbsp;60px&nbsp;;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<!--&nbsp;宽度&nbsp;&nbsp;-->height:30px&nbsp;;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<!--&nbsp;高度&nbsp;-->font-size:14px;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<!--&nbsp;字体大小-->color:gray;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<!--字体颜色&nbsp;&nbsp;-->border:&nbsp;1px&nbsp;solid&nbsp;red；&nbsp;<!--&nbsp;边框；边框宽度、单线、边框颜色&nbsp;-->margin-left:&nbsp;10px;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<!--&nbsp;左边距，相应的还有右边距margin-right,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;上margin-top,下&nbsp;margin-buttom&nbsp;-->background-color:#F1F1F1;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<!--背景色；十六位颜色表示时前加#符号&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;transparent是透明-->box-shadow:10px&nbsp;10px&nbsp;10px&nbsp;gray;&nbsp;&nbsp;<!--&nbsp;阴影；x轴偏移（右偏为正），y轴偏移（向下&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;为正），模糊度，模糊颜色&nbsp;&nbsp;-->border-radius:10px&nbsp;10px&nbsp;10px&nbsp;10px;<!--&nbsp;圆角；左上，右上，右下，左下-->cursor:pointer;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<!--&nbsp;鼠标经过时鼠标变成小手&nbsp;&nbsp;-->}&nbsp;&nbsp;

Answer 2

button{border-style:solid;border-width:1px;border-color:#388BFF;/*border:1px;*//*不要设置border*/}