Comment changer la couleur du bouton dans HTML (avec images)

ThiTeaches vous comment changer de couleur de bouton dans HTML. Vous pouvez modifier une couleur de bouton à l`aide de HTML uni ou à l`aide de CSS (feuilles de style en cascade) dans HTML5.

Pas

Méthode 1 de 2:

En utilisant html

1. Tapez le corps de votre HTML. Ceci est le début de la balise du bouton de votre code HTML. Le corps de votre HTML est la zone entre les deux et Mots clés. Le corps est l`endroit où les éléments visibles d`une page Web sont placés à l`aide de HTML.

2. Taper Style = après "bouton" dans votre balise de bouton. Cela indique qu`il existe des éléments de style à la balise du bouton. Tous les éléments de style seront placés après la "Englisons" signe.

3. Ajouter un devis (") Après le signe égal (=). Tous les éléments de style de votre étiquette de bouton HTML doivent être placés dans des guillemets.

4. Taper Couleur de l`arrière plan:dans les guillemets après "Style =". Cet élément est utilisé pour changer la couleur de fond du bouton.

5. Tapez un nom de couleur ou un code hexadécimal après "Couleur de l`arrière plan:". Vous pouvez taper le nom d`une couleur (i.E, bleu) ou une couleur hexadécimale.

Pour trouver un code hexadécimal, allez à https: // Google.com / recherche?q = couleur + cueilleur Dans un navigateur Web. Utilisez la barre de curseur en bas pour choisir une couleur. Utilisez le cercle dans la fenêtre pour sélectionner une teinte de couleur. Mettez en surbrillance et copiez le code à 6 chiffres (y compris le signe de la livre) dans la barre latérale vers la gauche et collez-la dans la balise de votre bouton.

Vous pouvez aussi utiliser "transparent" comme couleur de fond

6. Tapez un demi-côon (-) après la couleur de fond. Utilisez un demi-point pour séparer les différents éléments de style de la balise de bouton HTML.

7. Taper couleur de la bordure: dans les guillemets après "Style =". Cet élément est utilisé pour déterminer la couleur de la bordure autour du bouton. Vous pouvez placer des éléments de style dans n`importe quel ordre dans les guillemets après "Style =". Chaque élément doit être séparé par un demi-côon (-).

8. Tapez un nom de couleur ou un code hexidécimal pour la couleur de la bordure. Le nom de la couleur ou le code hexidécimal pour la frontière va après la "couleur de la bordure:" élément.

Si vous souhaitez supprimer la bordure, tapez frontière: aucun à la place de la "couleur de la bordure:" élément.

9. Tapez un demi-côon (-) après la couleur de la bordure. Utilisez un demi-point pour séparer les différents éléments de style de la balise de bouton HTML.

dix. Taper Couleur:dans les guillemets après "Style =". Cet élément est utilisé pour modifier la couleur du texte dans le bouton. Vous pouvez placer des éléments de style dans n`importe quel ordre dans les guillemets après "Style =". Chaque élément doit être séparé par un demi-côon (-).

11. Tapez le nom d`une couleur ou d`un code hexadécimal. Cela va après "Couleur:" Dans l`élément de style. Cela détermine la couleur du texte dans le bouton.

12. Tapez une citation (") Après tous vos éléments de style. Tous vos éléments de style devraient être entre guillemets de guillemets après "Style =" dans la balise du bouton. Lorsque vous avez terminé d`ajouter tous vos éléments de style, tapez une citation (") à la fin pour fermer les éléments de style.

13. Taper > Après les éléments de style. Ceci ferme la balise de bouton d`ouverture.

14. Tapez le texte de votre bouton après la balise du bouton. Après avoir fini de créer la balise d`ouverture pour votre bouton, tapez le texte que vous souhaitez entrer dans le bouton après la balise.

15. Tapez après le texte de votre bouton. Ceci est la balise de fermeture de votre bouton. Votre bouton est complet. Votre code HTML devrait ressembler à quelque chose comme ça.

Méthode 2 sur 2:

Utiliser CSS

1. Tapez en haut de votre document HTML. Cela crée une tête pour votre document HTML. La tête de votre document est l`endroit où les informations qui ne sont pas visibles sur votre page Web sont passées. Cela inclut les métadonnées, le titre de la page et des feuilles de style.

2. Taper . Cette balise ajoutez un emplacement sur votre page Web pour les feuilles de style cascade (CSS). Cette section va dans la tête de votre document HTML.

Certains documents HTML utilisent une feuille de style externe. Si tel est le cas, vous devrez trouver l`emplacement du fichier CSS externe et modifierez les feuilles de style de bouton sur ce document.

3. Taper .bouton { sur une ligne séparée après la section de style. Cela ouvre la feuille de style pour un bouton que vous créez un style pour.

Vous pouvez également modifier la couleur du bouton lorsque vous placez le curseur de la souris sur le bouton en créant une feuille de style distincte avec .BOUTON: HOVER { comme étiquette d`ouverture.

4. Taper Couleur de l`arrière plan:. Ceci va sur une ligne séparée dans la feuille de style de bouton. Cet élément contrôle la couleur de fond du bouton.

5. Tapez le nom d`une couleur ou d`un code hexadécimal suivi d`un semi-côon (-). Tapez ceci après le "Couleur de l`arrière plan:" élément dans la feuille de style de bouton. Ceci spécifie la couleur de fond du bouton.

Pour trouver un code hexadécimal, allez à https: // Google.com / recherche?q = couleur + cueilleur Dans un navigateur Web. Utilisez la barre de curseur en bas pour choisir une couleur. Utilisez le cercle dans la fenêtre pour sélectionner une teinte de couleur. Mettez en surbrillance et copiez le code à 6 chiffres (avec le panneau de livre) dans la barre latérale vers la gauche.

Vous pouvez également taper "transparent" comme couleur de fond pour faire l`arrière-plan invisible.

6. Taper couleur de la bordure:. L`élément contrôle la couleur de la bordure autour du bouton. Tapez ceci sur une ligne séparée dans la feuille de style pour le bouton.

7. Tapez le nom d`une couleur ou d`un code hexadécimal suivi d`un semi-côon (-). Cela détermine la couleur de la bordure autour du bouton. Cela va après "couleur de la bordure:" élément dans la feuille de style de bouton.

Si vous souhaitez supprimer la bordure, tapez frontière: aucun- à la place de la "Couleur de la frontière: Colorname" élément.

8. Taper Couleur:. Tapez ceci sur une ligne séparée dans la feuille de style. Cet élément contrôle la couleur du texte dans le bouton.

9. Tapez le nom d`une couleur ou d`un code hexadécimal suivi d`un semi-côon (-). Cela détermine la couleur du texte à l`intérieur du bouton. Cela va après "Couleur:" élément dans la feuille de style de bouton.

dix. Taper } sur une ligne séparée. Ceci ferme la feuille de style pour votre bouton. Vous pouvez créer plusieurs feuilles de style de bouton aussi longtemps que vous donnez à chaque bouton un nom unique.

11. Tapez après avoir terminé votre CSS. Après avoir fini de créer toutes vos feuilles de style, tapez "" Sur une ligne séparée pour fermer la section de style de votre document HTML.

12. Taper . Cela ferme la tête de votre document HTML.

13. Taper Texte du bouton Dans le corps de votre document HTML. Ceci ajoute un bouton à la partie visible de votre HTML à l`aide des feuilles de style spécifiées dans la section Style de votre document HTML. Remplacer "URL" Avec l`adresse Web, le bouton lie à. Le corps de votre document HTML entre le et Tags de votre document HTML. Votre code HTML devrait ressembler à ceci:

Comment changer la couleur du bouton dans html

Pas