Heim > Artikel > Web-Frontend > So legen Sie die Schaltflächenfarbe in HTML fest
So legen Sie die Schaltflächenfarbe in HTML fest
- 青灯夜游Original
- 2021-06-21 17:37:4321690Durchsuche
In HTML können Sie das Stilattribut für das Schaltflächenelement verwenden, den Stil „Hintergrundfarbe: Farbwert;“ hinzufügen, um die Hintergrundfarbe der Schaltfläche festzulegen, und den Stil „Farbe: Farbwert;“ hinzufügen Schriftfarbe der Schaltfläche.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Legen Sie die Hintergrundfarbe der Schaltfläche in HTML fest.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <button>按钮1</button> <button style="background-color: #FFC0CB;">按钮2</button> </body> </html>
Rendering:
Beschreibung: Das Attribut
background-color legt die Hintergrundfarbe des Elements fest.
Die Eigenschaft „Hintergrundfarbe“ legt eine Volltonfarbe für das Element fest. Diese Farbe füllt den Inhalt, die Polsterung und die Randbereiche des Elements und erstreckt sich bis zu den äußeren Grenzen des Elementrands (jedoch nicht bis zu den Rändern). Wenn der Rahmen transparente Teile hat (z. B. einen gepunkteten Rand), wird die Hintergrundfarbe durch diese transparenten Teile hindurchscheinen.
Legen Sie die Schriftfarbe der Schaltfläche in HTML fest.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <button>按钮1</button> <button style="color: blueviolet;">按钮2</button> </body> </html>
Rendering:
Beschreibung: Das Attribut
color gibt die Farbe des Textes an.
Dieses Attribut legt die Vordergrundfarbe eines Elements fest (in der HTML-Darstellung wird die Farbe des Texts des Elements nicht durch die Farbe beeinflusst). Diese Farbe gilt auch für alle Ränder des Elements, sofern sie nicht durch border-color oder eine andere border-color-Eigenschaft überschrieben wird.
Empfohlene Tutorials: „HTML-Video-Tutorial“, „CSS-Video-Tutorial“
Das obige ist der detaillierte Inhalt vonSo legen Sie die Schaltflächenfarbe in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!