Heim >Web-Frontend >HTML-Tutorial >So ändern Sie die Schaltflächenfarbe in HTML
So ändern Sie die Schaltflächenfarbe in HTML: 1. Fügen Sie dem Schaltflächenelement den Stil „button{background-color:color value}“ hinzu, um die Hintergrundfarbe der Schaltfläche zu ändern. 2. Fügen Sie „button{color:color value}“ hinzu; Stil für die Elementschaltfläche, um sie zu ändern. Die Schriftfarbe der Schaltfläche.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
So ändern Sie die Schaltflächenfarbe in HTML
1. So ändern Sie die Hintergrundfarbe in HTML
Der Code lautet wie folgt:
button{background-color:颜色值}
Legen Sie die Hintergrundfarbe fest:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <style> button{background-color:#FF0000} </style> <body> <button>按钮</button> </body> </html>
Ausgabeergebnis:
2.html Die Methode zum Ändern der Schriftfarbe der Schaltfläche
Der Code lautet wie folgt:
button{color:颜色值}
Schriftfarbe festlegen:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <style> button{color:#FF0000} </style> <body> <button>按钮</button> </body> </html>
Ausgabeergebnis:
Für weitere Programmierung- Weitere Informationen zum entsprechenden Thema finden Sie unter: Programmiervideo! !
Das obige ist der detaillierte Inhalt vonSo ändern Sie die Schaltflächenfarbe in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!