Heim > Web-Frontend > HTML-Tutorial > So legen Sie die Größe der Schaltfläche in HTML fest

So legen Sie die Größe der Schaltfläche in HTML fest

青灯夜游
Freigeben: 2023-01-06 11:14:20
Original
18894 Leute haben es durchsucht

In HTML können Sie das Stilattribut des Schaltflächen-Tags verwenden, um dem Schaltflächenelement den Stil „Höhe: Höhenwert; Breite: Breitenwert;“ hinzuzufügen, um die Größe der Schaltfläche festzulegen style="height: Höhenwert; width :Breitenwert;">".

So legen Sie die Größe der Schaltfläche in HTML fest

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

html legt die Größe der Schaltfläche fest

<button>Click Me!</button><br /><br />
<button style="height:100px;width:100px;">Click Me!</button>
Nach dem Login kopieren

Rendering:

So legen Sie die Größe der Schaltfläche in HTML fest

Beschreibung: Das Attribut

width legt die Breite des Elements fest und das Attribut height legt die Höhe des Elements fest.

Das Breitenattribut und das Höhenattribut definieren die Breite und Höhe des Inhaltsbereichs des Elements, mit Ausnahme von Auffüllungen, Rändern oder Rändern. Ränder und Ränder können außerhalb des Inhaltsbereichs hinzugefügt werden.

Attributwert:

Wert Beschreibung
Auto Standard. Der Browser berechnet die tatsächliche Höhe.
Länge Verwenden Sie px, cm und andere Einheiten, um die Höhe zu definieren.
% Basierend auf der prozentualen Höhe des Objekts auf Blockebene, das es enthält.
inherit gibt an, dass der Wert des Höhenattributs vom übergeordneten Element geerbt werden soll.

Empfohlene Tutorials: HTML-Video-Tutorial, CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo legen Sie die Größe der Schaltfläche in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage