css怎么设置文本框的宽和高-css教程-PHP中文网

css怎么设置文本框的宽和高

青灯夜游

发布： 2021-01-06 11:18:28

原创

13608人浏览过

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

css怎么设置文本框的宽和高

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

教程推荐：css视频教程

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

给文本框元素（、）设置width属性和height属性就可以调整文本框的宽和高。

立即学习“前端免费学习笔记（深入）”；

width属性设置元素的宽度，height属性设置元素的高度。

AlegroCart

AlegroCart新功能：维类：包括在这两种线性长宽高或面积或体积长波产品尺寸允许与期权产品：让产品/期权组合独特的数量，尺寸，图像和型号。选择店铺标识管理图片放大镜：显示一个图片放大上空盘旋时，产品形象弹出框。自定义错误报告：设置在管理员启用。开发者只可以显示详细的信息。错误信息都写入到错误日志文件每天可以通过电子邮件发送给管理员。仓库皮卡航运模块：允许客户指定产品在商店的位置回升。增加了

查看详情

注意： 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>

登录后复制

效果图：