本教程操作环境：windows7系统、css1&&html5版本、dell g3电脑。
教程推荐：css视频教程
css设置文本框宽度和高度的方法
给文本框元素（d5fd7aea971a85678ba271703566ebfd、4750256ae76b6b9d804861d8f69e79d3）设置width属性和height属性就可以调整文本框的宽和高。
width属性设置元素的宽度，height属性设置元素的高度。
注意： width属性和height属性不包括填充，边框，或页边距！
示例：
<!doctype html><html> <head> <meta charset="utf-8"> <style type="text/css"> .input{ width: 200px; height: 100px; } .textarea{ idth: 200px; height: 100px; } </style> </head> <body> <input type="text" placeholder="默认单行文本框" /> <input type="text" class="input" placeholder="设置宽度200px，高度100px" /><br /><br /> <textarea placeholder="默认多行文本框"></textarea> <textarea class="textarea" placeholder="设置宽度200px，高度100px"></textarea> </body> </html>
效果图：
更多编程相关知识，请访问：编程课程！！
以上就是css怎么设置文本框的宽和高的详细内容。