css中可以使用width和height属性来设置文本框的宽和高，只需要给文本框元素（input或textarea）添加“width:值;”和“height:值;”样式即可。width属性可设置元素的宽度，height属性以设置元素的高度。

css设置文本框宽度和高度的方法

给文本框元素（、）设置width属性和height属性就可以调整文本框的宽和高。</p><p>width属性设置元素的宽度，height属性设置元素的高度。</p><p><img src="/uploadfile/202412/f11b607fbde23bd.jpg" alt="css如何设置文本框的宽和高"><img src="/uploadfile/202412/bf19947c65ac7c3.jpg" alt="css如何设置文本框的宽和高"></p><p>注意： width属性和height属性不包括填充，边框，或页边距！</p><p>示例：<br/></p><pre class="brush:html;toolbar:false"><!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="默认多行文本框">  

效果图：