在css中,可以使用width属性来设置文本框宽度,只需要给文本框元素textarea添加“width:宽度值;”样式即可。width属性可以设置元素的宽度,它定义了元素内容区的宽度,在内容区外面可以增加内边距、边框和外边距。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

<textarea> 标签定义一个多行的文本输入控件,即文本框。

文本区域中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。

可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小,也可以使用 CSS 的 height 和 width 属性来设置高度和宽度。

width 属性设置元素的宽度。这个属性定义元素内容区的宽度,在内容区外面可以增加内边距、边框和外边距。行内非替换元素会忽略这个属性。

示例:

<!DOCTYPE html><html>	<head> 		<meta charset="utf-8"> 		<style>			.width{				width: 400px;			}		</style>	</head>	<body><br>		<textarea>我是一个文本框,默认宽度。</textarea><br><br>		<textarea class="width">我是一个文本框,使用css width属性设置宽度为400px。</textarea>	</body></html>

效果图:

(学习视频分享:css视频教程)

本站提供的所有下载资源均来自互联网,仅提供学习交流使用,版权归原作者所有。如需商业使用,请联系原作者获得授权。 如您发现有涉嫌侵权的内容,请联系我们 邮箱:alixiixcom@163.com