Heim > Artikel > Web-Frontend > So ändern Sie die Schaltflächenfarbe in HTML
So ändern Sie die Schaltflächenfarbe in HTML
- WBOYOriginal
- 2021-11-12 18:49:1726471Durchsuche
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!