
Ändern der farbe von schaltflächen in einem html-dokument
In diesem Tutorial erfahren Sie, wie Sie die Farbe einer Schaltfläche in HTML ändern.Sie können die Farbe einer Schaltfläche mit normalem HTML oder mit CSS (Cascading Style Sheets) in HTML5 ändern.
Schritte
Methode 1 von 2: Verwenden von HTML

1. Typ im Textkörper Ihres HTML. Dies ist der Anfang des Button-Tags Ihres HTML-Codes.Der Textkörper Ihres HTML-Codes ist der Bereich zwischen den 



Um einen Hexadezimalcode zu finden, gehen Sie zu https://www.Google.com/search?q=Farbe+Picker in einem Webbrowser.Verwenden Sie den Schieberegler unten, um eine Farbe auszuwählen.Verwenden Sie den Kreis im Fenster, um eine Farbe auszuwählen.Markieren und kopieren Sie den sechsstelligen Code (einschließlich des Rautenzeichens) in der Seitenleiste auf der linken Seite und fügen Sie ihn in Ihr Button-Tag ein. Du kannst auch "transparent" als Hintergrundfarbe verwenden 














Um einen Hexadezimalcode zu finden, gehen Sie zu https://www.Google.com/search?q=Farbe+Picker in einem Webbrowser.Verwenden Sie den Schieberegler unten, um eine Farbe auszuwählen.Verwenden Sie den Kreis im Fenster, um eine Farbe auszuwählen.Markieren und kopieren Sie den sechsstelligen Code (mit dem Rautenzeichen) in der Seitenleiste links. Du kannst auch "transparent" als Hintergrundfarbe eingeben, um den Hintergrund unsichtbar zu machen.






2. Typ Stil= nach "Taste" in deinem Button-Tag.Dies weist darauf hin, dass das Button-Tag Stilelemente enthält.Alle Stilelemente stecken hinter dem "=" ausgeschildert.

3. Zitat hinzufügen (") nach dem Gleichheitszeichen (=).Alle Stilelemente in Ihrem HTML-Button-Tag müssen in Anführungszeichen gesetzt werden.

4. TypHintergrundfarbe:in den Anführungszeichen danach "Stil=". Dieses Element wird verwendet, um die Hintergrundfarbe der Schaltfläche zu ändern.

5. Geben Sie danach einen Farbnamen oder einen Hexadezimalcode ein"Hintergrundfarbe:".Sie können den Namen einer Farbe eingeben (z. blau) oder geben Sie eine hexadezimale Farbe ein.

6. Geben Sie ein Semikolon (;) nach der Hintergrundfarbe ein.Verwenden Sie ein Semikolon, um die verschiedenen Stilelemente in der HTML-Schaltflächenhervorhebung zu trennen.

7. TypRandfarbe: in den Anführungszeichen danach "Stil=".Dieses Element wird verwendet, um die Farbe des Rahmens um die Schaltfläche zu bestimmen.Sie können Stilelemente in beliebiger Reihenfolge innerhalb der Anführungszeichen danach platzieren "Stil=" Ort. Jedes Element muss durch ein Semikolon (;) getrennt werden.

8. Geben Sie einen Farbnamen oder einen Hexadezimalcode für die Rahmenlinienfarbe ein.Der Farbname oder Hexadezimalcode für den Rahmen kommt nach dem Element "Randfarbe:" Element.
Wenn Sie den Rahmen entfernen möchten, geben Sie Grenze: keine statt dessen "Randfarbe:" Element zu verwenden.

9. Geben Sie ein Semikolon (;) nach der Rahmenfarbe ein.Verwenden Sie ein Semikolon, um die verschiedenen Stilelemente im HTML-Schaltflächen-Tag zu trennen.

10. TypFarbe:in den Anführungszeichen danach "Stil=". Dieses Element wird verwendet, um die Textfarbe in der Schaltfläche zu ändern.Sie können Stilelemente in beliebiger Reihenfolge innerhalb der Anführungszeichen danach platzieren "Stil=" Ort. Jedes Element muss durch ein Semikolon (;) getrennt werden.

11. Geben Sie den Namen eines Farb- oder Hexadezimalcodes ein.Das kommt danach "Farbe:" im Stilelement.Dies bestimmt die Farbe des Textes in der Schaltfläche.

12. Geben Sie ein Anführungszeichen (") nach jedem Stilelement.Jedes Stilelement muss in Anführungszeichen gesetzt werden nach "Stil=" im Button-Tag sein.Wenn Sie mit dem Hinzufügen eines Stilelements fertig sind, geben Sie ein Anführungszeichen (") am Ende, um das Stilelement zu schließen.

13. Typ > nach dem Stilelement.Dies ist ein End-Tag.

14. Geben Sie den Schaltflächentext nach der Schaltflächenhervorhebung ein.Wenn Sie mit dem öffnenden Tag Ihrer Schaltfläche fertig sind, geben Sie den Text ein, der in die Schaltfläche nach dem Tag eingefügt wird.

fünfzehn. Typ nach dem Schaltflächentext.Dies ist das schließende Tag für Ihren Button.Der Button ist nun fertig.Der HTML-Code sollte so aussehen.
Methode2 von 2: CSS verwenden

1. Typ oben im HTML-Dokument. Dadurch wird eine Kopfzeile für Ihr HTML-Dokument erstellt.In der Kopfzeile des Dokuments befinden sich die Informationen, die auf der Webseite nicht sichtbar sind.Dazu gehören Metadaten, Seitentitel und Stylesheets.

2. Typ . Dieses Tag fügt eine Position auf einer Webseite für Cascade Style Sheets (CSS) hinzu.Dieser Abschnitt wird in der Kopfzeile eines HTML-Dokuments angezeigt.
Einige HTML-Dokumente verwenden ein externes Stylesheet.In diesem Fall müssen Sie den Speicherort der externen CSS-Datei kennen und die Stylesheets der Schaltflächen in diesem Dokument bearbeiten.

3. Typ .Taste { in einer separaten Zeile nach dem Stilabschnitt.Dadurch wird das Stylesheet für eine Schaltfläche geöffnet, für die Sie einen Stil erstellen.
Sie können die Farbe der Schaltfläche auch ändern, wenn Sie mit der Maus über die Schaltfläche fahren, indem Sie mit ein separates Stylesheet erstellen .Schaltfläche: schweben { als Eröffnungs-Tag.

4. Typ Hintergrundfarbe:. Dieser Code befindet sich in einer separaten Zeile im Stylesheet der Schaltflächen. Dieses Element steuert die Hintergrundfarbe der Schaltfläche.

5. Geben Sie den Namen eines Farb- oder Hexadezimalcodes gefolgt von einem Semikolon (;) ein.Geben Sie dies nach dem Element ein "Hintergrundfarbe:" im Stylesheet der Buttons.Dies zeigt die Hintergrundfarbe der Schaltfläche an.

6. Typ Randfarbe:. Das Element bestimmt die Farbe des Rahmens um die Schaltfläche.Geben Sie dies in einer separaten Zeile im Stylesheet für die Schaltfläche ein.

7. Geben Sie den Namen eines Farb- oder Hexadezimalcodes gefolgt von einem Semikolon (;) ein.Dies bestimmt die Farbe des Rahmens um die Schaltfläche. Das kommt nach dem Element "Randfarbe:" im Stylesheet des Buttons.
Wenn Sie den Rahmen entfernen möchten, verwenden Sie Grenze: keine; statt des Elements "Rahmenfarbe:Farbname".

8. Typ Farbe:. Geben Sie dies in einer separaten Zeile im Stylesheet ein. Dieses Element steuert die Farbe des Textes in der Schaltfläche.

9. Geben Sie den Namen eines Farb- oder Hexadezimalcodes gefolgt von einem Semikolon (;) ein.Dies bestimmt die Farbe des Textes in der Schaltfläche.Das kommt nach dem "Farbe:"-Element im Stylesheet des Buttons.

10. Typ } in einer separaten Zeile.Schließt das Stylesheet für die Schaltfläche.Sie können mehrere Schaltflächen-Stylesheets erstellen, solange Sie jeder Schaltfläche einen eindeutigen Namen geben.

11. Typ nachdem du mit dem CSS fertig bist.Nachdem Sie alle Ihre Stylesheets erstellt haben, geben Sie "


12. Typ . Dadurch wird die Kopfzeile Ihres HTML-Dokuments geschlossen.

13. Typ im Body Ihres HTML-Dokuments. Dadurch wird dem sichtbaren Teil Ihres HTML-Dokuments eine Schaltfläche hinzugefügt, die die Stylesheets verwendet, die im Stil-Teil Ihres HTML-Dokuments angegeben sind.ersetzen "URL" durch die Webadresse, auf die die Schaltfläche zeigt.Der Textkörper Ihres HTML-Dokuments liegt zwischen den
"Ändern der farbe von schaltflächen in einem html-dokument"
Оцените, пожалуйста статью