本文摘自PHP中文网,作者青灯夜游,侵删。
在css中,可以使用width和height属性来设置input元素的大小,只需要给input元素添加“width:宽度值;height:高度值;”样式即可。input属于行内替换元素,效果等于块元素,所以可设置width和height值。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
在css中,可以使用width和height属性来设置input元素的大小。
代码示例:
1 2 3 4 5 | < form action = "form_action.asp" method = "get" >
用户名: < input type = "text" name = "name" style = "width: 100px;height: 30px;" />< br />< br />
密码: < input type = "password" name = "password" /> < br />< br />
< input type = "submit" value = "Submit" />
</ form >
|
阅读剩余部分
相关阅读 >>
css3如何实现聊天气泡效果?(代码示例)
css top不起作用怎么办
css的冲突是什么
css如何实现边框长度控制功能
关于css文本属性的详细介绍
css border-image属性怎么用
css怎么让滚动条隐藏
html代码如何让照片变模糊
css怎么设置行距
css中文字相关属性的介绍
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css input大小怎么设置