So legen Sie die Breite und Höhe des Textfelds in CSS fest-CSS-Tutorial-php.cn

So legen Sie die Breite und Höhe des Textfelds in CSS fest

青灯夜游

Freigeben： 2023-01-04 09:38:52

Original

12848 Leute haben es durchsucht

Sie können die Breiten- und Höhenattribute in CSS verwenden, um die Breite und Höhe des Textfelds festzulegen. Sie müssen nur die Stile „width: value;“ und „height: value;“ hinzufügen oder Textbereich). Das width-Attribut legt die Breite des Elements fest und das height-Attribut legt die Höhe des Elements fest.

So legen Sie die Breite und Höhe des Textfelds in CSS fest

Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS1- und HTML5-Version, Dell G3-Computer.

Empfohlenes Tutorial: CSS-Video-Tutorial

So legen Sie die Breite und Höhe des Textfelds in CSS fest

Legen Sie das Breitenattribut und das Höhenattribut für das Textfeldelement fest (, <p>Das width-Attribut legt die Breite des Elements fest und das height-Attribut legt die Höhe des Elements fest. </p> <p><img src="https://img.php.cn/upload/image/714/869/737/1609902954196680.png" title="1609902954196680.png" alt="So legen Sie die Breite und Höhe des Textfelds in CSS fest"><img src="https://img.php.cn/upload/image/951/600/394/1609902962397316.png" title="1609902962397316.png" alt="So legen Sie die Breite und Höhe des Textfelds in CSS fest"></p> <p>Hinweis: Die Eigenschaften „Breite“ und „Höhe“ umfassen keine Abstände, Ränder oder Ränder! </p> <p>Beispiel: <br></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><!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></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>Rendering: <br></p> <p><img src="https://img.php.cn/upload/image/879/358/152/1609902866582230.png" title="1609902866582230.png" alt="So legen Sie die Breite und Höhe des Textfelds in CSS fest"></p> <p>Weitere Programmierkenntnisse finden Sie unter: <a href="https://www.php.cn/course.html" target="_blank" textvalue="编程课程">Programmierkurs</a>! ! </p>

Das obige ist der detaillierte Inhalt vonSo legen Sie die Breite und Höhe des Textfelds in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!