Rumah > Artikel > hujung hadapan web > css怎么设置文本框的宽和高
css怎么设置文本框的宽和高
- 青灯夜游asal
- 2021-01-06 11:18:2812788semak imbas
css中可以使用width和height属性来设置文本框的宽和高，只需要给文本框元素（input或textarea）添加“width:值;”和“height:值;”样式即可。width属性可设置元素的宽度，height属性以设置元素的高度。
本教程操作环境：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>效果图：
更多编程相关知识，请访问：编程课程！！
Atas ialah kandungan terperinci css怎么设置文本框的宽和高. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css3兼容ie8吗Artikel seterusnya：border-radius是什么意思