1设置一个长度与宽度，使用到的CSS代码2经过给它设置长度与宽度后，变成了下图所示，相比与没有任何样式，它会好出很多3接下来，可以去掉它自带默认的边框，将它边框设置为0PX，观察一下效果4添加了红色的；btnwidth200pxheight100pxposition fixedleft0top0bottom 0right 0marginautobackgroundwebkitradialgradientcenter，circle，red 5%，yellow 20%，blueboxshadow inset 0 3px #111， inset；html中设置按钮的大小可直接给input元素添加宽高，具体代码如下 下面是未设置input按钮大小和设置了按钮大小的对比效果html中的表单input元素是内联块状元素，既可以与其它元素在同一行，又可以设置自身的宽度和高度如；height 200px 在这个示例中，点击“改变颜色”按钮将div的背景颜色更改为红色，而在输入颜色和宽度并点击“改变样式”按钮时将改变div的背景颜色和宽度您可以根据需要修改JavaScript和CSS代码以满足您的要求；需要准备的材料分别有电脑浏览器html编辑器1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的标签中，输入css代码button width 100px height 50pxborder 0color whiteb；给你个例子，用onmousemove和nmouseout具体css颜色等自己改一下 input_outwidth60pxheight30pxborder1pxsolid#CCCbackgroundcolor#FFF input_movewidth60pxheight30pxborder1pxsolid#CCCback；代码如下这里先解说下这里有A B 两个按钮，分别链接abcss， 只要单击按钮就可以实现改变头部id为change_css 的css文件当你希望change_css一开始没有css只是点击按钮的时候才有css的话，那么你给change_css这个。

在css中，主要通过border属性的设置，实现去掉边框以代码编辑器zend studio 100为例，可参考以下步骤去掉button按钮的边框1新建一个html文件，命名为testhtml，用于讲解2在testhtml文件内，使用button标签；2在indexhtml中的标签中，输入css代码button border0width 200pxheight 80pxbackgroundcolor gainsboro cursor notallowed 3浏览器运行indexhtml页面，此时通过css实现了按钮的禁用样式；用CSS代码设定按钮的圆角样式，这个在css3中才能实现，通过使用borderradius来实现这个效果，不过有浏览器的兼容性问题，moz例如 mozborderradius用于Firefoxwebkit例如webkitborderradius用于Safari和Chrome。

思路1在type=file标签外面添加一个标签，让这个标签显示我们想要给用户看到的上传按钮效果2把type=file设置为透明的，用户点击的是type=file，实际看到的效果时我们外部的div打开html软件开发工具，新建一个html代码页面；lt！DOCTYPE html Title changeColor2Pink backgroundcolor pink resetBtn1Color background windowonload = function var btn1=document；2在indexhtml中的标签中，输入css代码button backgroundcolor #00a7d0buttonhover backgroundcolor #ff77013浏览器运行indexhtml页面，此时显示出了蓝色背景颜色的按钮4将鼠标移入按钮，此时按钮。

将它边框设置为0PX，观察一下效果4添加了红色的背景后，它显示如下图所示的样式5除了使用颜色设置背景外，也可以使用图片作为背景6还可以设置它的其他更多样式，方法是直接添加CSS代码即可；按钮的主要属性包括类型type值value样式style大小size禁用状态disabled等这些属性可以通过HTML标签和CSS样式表进行设置，也可以通过JavaScript进行动态控制和修改类型type属性用于定义按钮的；2按钮样式比较多，这样写让代码不整洁，可阅读性差，就要用style标签3样式表style标签里面表示的是一个样式表，我们所有的样式都可以写到标签中去这段代码的意思是凡是button标签都使用这个样式4把 样式表中；通过这样的Css样式就可以实现 使用marginleftautomarginrightauto 可以让你的div居中对齐stylemarginleftautomarginrightauto 缩写形式为 stylemargin0 auto ，数字0 表示上下边距是0后。