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

本教程操作环境：Windows7系统、css1&&html5版本、Dell G3电脑。

教程推荐：css视频教程

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

给文本框元素（<input>、<textarea>）设置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怎么设置文本框的宽和高的详细内容，更多请关注php中文网其它相关文章！

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。