css3中的button样式怎么改

Question

css3中的button样式怎么改

Answer 1

在一个id为bt1的按钮上设置样式，如下：

#bt1{ 

1	font-family:微软雅黑 ;    <!-- 字体  -->

 

1 2 3 4 5 6 7 8 9 10 11

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

} 

 

Answer 2

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