cfnr.net
当前位置:首页 >> html改变Button的大小 >>

html改变Button的大小

可以通过样式来设置:你可先给你的按钮设置一个class,比如:class="btn";方法有3种:1.如果有你外链样式表你可以在样式表征.btn{ width:200px; height:50px; }2.如果没有连接你直接上头部加上<style type="text/css">.btn{ width:200px; height:50px; }</style>3.你可以直接在按钮上加比如:<button style="width:200px;height:50px;">按钮</button>

可以去网络上找一张button的背景图 空白的然后在css里定义.button{ background:url(../images/button.png) no-repeat; width:63px; height:24px; line-height:24px; text-align:center; border:0;}页面上的调用方法就是&lt;input class="button" onclick="add();return false;" type="button" value="查 询" name="button3" /&gt; css里可以改变button的大小

可以在设计里面随便的改变按钮的大小!代码自动生成!

在html标签中button大小的设置方式如下:

加一个css.anniu { height: 14px; width: 30px;

使用css制作,设置按钮大小=图片大小然后background即可: input[type="button"]{width:80px;height:300px;background: url('图片路径') no-repeat;background-size: 100% 100%;}

在按钮中加style样式举例说明:下面我给出一个自定义button按钮,<input type="button" value="提交" style="height=20px;width=50px;" /> 以上是一个按钮的代码,我想楼主应该能看懂 其中style="height=20px;width=50px;"就是样式定义 他的意思就是,这个自定义的button按钮,长50像素,宽20像素!这就是按钮的大小了吧?根据你自己的需要改变数值就可以改变大小了!回答完毕,希望能解决你的问题……

<style>.ax {/* 按钮自适应文字宽度*/ padding: 0 .25em; width: 0; /* for IE only */ width: auto; overflow: visible; clolr=red; }</style><input type="button" value="普通未设置,文字 两边 有大的空隙"><input class="ax" type="button" value="已经CSS兼容处理,文字 两边 ……">

可以的,设置按钮的宽度和高度就改变了按钮的大小,.

<button width=400></button>

网站首页 | 网站地图
All rights reserved Powered by www.cfnr.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com