Home > Article > Web Front-end > How to set the width and height of the text box in css
How to set the width and height of the text box in css
- 青灯夜游Original
- 2021-01-06 11:18:2812669browse
You can use the width and height attributes in css to set the width and height of the text box. You only need to add the "width: value;" and "height: value;" styles to the text box element (input or textarea). Can. The width attribute sets the width of the element, and the height attribute sets the height of the element.
The operating environment of this tutorial: Windows7 system, css1&&html5 version, Dell G3 computer.
Tutorial recommendation: css video tutorial
css method of setting the width and height of the text box
Give the text box element ( ,
The width attribute sets the width of the element, and the height attribute sets the height of the element.
Note: The width and height attributes do not include padding, borders, or margins!
Example:
<!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>Rendering:
programmingcourse! !
The above is the detailed content of How to set the width and height of the text box in css. For more information, please follow other related articles on the PHP Chinese website!