Maison > Article > interface Web > Comment définir la largeur et la hauteur de la zone de texte en CSS
Comment définir la largeur et la hauteur de la zone de texte en CSS
- 青灯夜游original
- 2021-01-06 11:18:2812815parcourir
Vous pouvez utiliser les attributs width et height en CSS pour définir la largeur et la hauteur de la zone de texte. Il vous suffit d'ajouter les styles "width: value;" et "height: value;" élément de boîte (entrée ou zone de texte). L'attribut width définit la largeur de l'élément et l'attribut height définit la hauteur de l'élément.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version css1&&html5, ordinateur Dell G3.
Recommandation du tutoriel : Tutoriel vidéo CSS
Comment définir la largeur et la hauteur de la zone de texte en CSS
Donner l'élément de zone de texte ( ,
L'attribut width définit la largeur de l'élément et l'attribut height définit la hauteur de l'élément.
Remarque : les propriétés width et height n'incluent pas le remplissage, les bordures ou les marges !
Exemple :
<!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>Rendu :
Pour plus de connaissances sur la programmation, veuillez visiter : Cours de programmation ! !
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!