En HTML, vous pouvez utiliser l'attribut style sur l'élément bouton, ajouter le style "background-color: color value;" pour définir la couleur d'arrière-plan du bouton et ajouter le style "color: color value". ;" style pour définir la couleur de la police du bouton.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.
Définissez la couleur de fond du bouton en html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <button>按钮1</button> <button style="background-color: #FFC0CB;">按钮2</button> </body> </html>
Rendu :
Instructions :
L'attribut background-color définit la couleur d'arrière-plan de l'élément.
L'attribut background-color définit une couleur unie pour l'élément. Cette couleur remplit le contenu, le remplissage et les zones de bordure de l'élément, s'étendant jusqu'aux limites extérieures de la bordure de l'élément (mais pas les marges). Si la bordure comporte des parties transparentes (telles qu'une bordure en pointillés), la couleur d'arrière-plan apparaîtra à travers ces parties transparentes.
Définissez la couleur de la police du bouton en html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <button>按钮1</button> <button style="color: blueviolet;">按钮2</button> </body> </html>
Rendu :
Instructions :
color précise la couleur du texte. Cet attribut définit la couleur de premier plan d'un élément (dans la représentation HTML, la couleur du texte de l'élément n'est pas affectée par la couleur) ; Cette couleur s'applique également à toutes les bordures de l'élément, sauf si elle est remplacée par border-color ou une autre propriété border-color. Tutoriels recommandés : "Tutoriel vidéo HTML", "Tutoriel vidéo CSS"
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
