css 表单按键大小怎样调试？

html-css018

css 表单按键大小怎样调试？,第1张

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>

css文件中添加以下内容：

.mybutton{

width:100px

height:100px

........

}

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

首先没有弄清楚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

}