css如何设置文本框的宽和高

这篇文章主要介绍了css如何设置文本框的宽和高,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

css中可以使用宽度和高度属性来设置文本框的宽和高,只需要给文本框元素(输入或textarea)添加“宽度:值;”和“高度:值;”样式即可.width属性可设置元素的宽度,高度属性以设置元素的高度。

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

给文本框元素(& lt; input> & lt; textarea>)设置宽度属性和高度属性就可以调整文本框的宽和高。

宽度属性设置元素的宽度,高度属性设置元素的高度。

注意:宽度属性和高度属性不包括填充,边框,或页边距!

示例:

& lt; ! DOCTYPE  html> 　　& lt; html> 　　, 　　& lt; head> 　　& lt; meta  charset=癠TF-8"祝辞 　　& lt; style 类型=拔谋?css"比; 　　.input { 　　宽度:200 px; 　　身高:100 px; 　　} 　　.textarea { 　　idth: 200 px; 　　身高:100 px; 　　} 　　& lt;/style> 　　& lt;/head> 　　, 　　& lt; body> 　　& lt; input 类型=皌ext",占位符=澳系バ形谋究颉?/比; 　　& lt; input 类型=皌ext",类=癷nput",占位符=吧柚每矶?00 px高度100 px",/祝辞& lt; br /祝辞& lt; br /比; 　　& lt; textarea 占位符=澳隙嘈形谋究颉白４? lt;/textarea> 　　& lt; textarea 类=皌extarea",占位符=吧柚每矶?00 px高度100 px"祝辞& lt;/textarea> 　　& lt;/body> 　　, 　　& lt;/html>

效果图:

感谢你能够认真阅读完这篇文章,希望小编分享的“css如何设置文本框的宽和高”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

css如何设置文本框的宽和高