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

html-css033

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

css文件中添加以下内容:

.mybutton{

width:100px

height:100px

........

}

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

css 表单按键大小,我们首先给这个表单的按钮一个id或者是class,然后我们在通过css的width,height来改变这个按钮的默认宽度和高度,根据数值的不同,然后确定你所需要的大小就行了,通过代码来理解下:

<html>

<head>

<style>

#sub{//通过id实现

width:300px //只是假定的值,需要根据实际的要求写。

height:30px

}

</head>

<body>

<input type='submit' value="提交" id='sub'>

</body>

</html>

首先没有弄清楚menu是什么元素,我看了你的css估计是div元素并且带圆角和阴影。那么可以设置宽度以及里面字体的大小来使之不换行。

例如:

.menu{

font-size: 10px

/*字体大小*/

white-space:nowrap

/*文字内容不换行*/

width:50px

/*设置容器宽度*/

color: #fff

text-shadow: #000000 0 0 0

position: absolute

right: 8px

top: 10px

background-color: rgba(0,0,0,.3)

border: 1px solid rgba(0,0,0,.8)

border-radius: 4px

-webkit-box-shadow: rgba(255,255,255,.2) 0px 1px 0px, inset rgba(255,255,255,.2) 0px 1px 0px

box-shadow: rgba(255,255,255,.2) 0px 1px 0px, inset rgba(255,255,255,.2) 0px 1px 0px

font-weight: bold

}