用CSS怎么控制按钮button的大小!!!写在一个CSS文件里面

html-css012

用CSS怎么控制按钮button的大小!!!写在一个CSS文件里面,第1张

css文件中添加以下内容:

.mybutton{

width:100px

height:100px

........

}

然后再用到button的时候的给button加上CssClass="mybutton"就可以了

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

#bt1{

font-family:微软雅黑     <!-- 字体  --> 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                  <!-- 鼠标经过时鼠标变成小手  -->

}