Comment définir la couleur du texte et du premier plan avec la propriété de couleur des feuilles de style en cascade

Mai 12, 2024

Vous pouvez contrôler la couleur du texte sur une page Web ou une section (ou élément) d'une page Web avec la propriété de couleur Feuilles de style en cascade. Outre le contrôle de la couleur du texte, vous pouvez également utiliser la propriété CSS color pour définir la couleur des règles horizontales et des éléments de formulaire. Jetons un coup d'œil à un exemple qui utilise la propriété color pour définir le texte dans l'ouverture

et fermeture

balises au noir et la couleur de l'élément au rouge.

Code CSS de base

Exemple

le texte va ici

Votre adresse email

…

Chaque règle CSS contient un sélecteur et un bloc de déclaration. Le bloc de déclaration CSS est placé entre les accolades ouvrantes {et fermantes} et contient une ou plusieurs paires propriété-valeur pour chaque sélecteur.

Sélecteurs

p
forme

La première règle CSS de notre exemple contrôle la couleur du texte entre tout

balises sur notre page Web. Le p dans le

La balise est le sélecteur de cette règle et indique au navigateur de définir le texte sur la couleur noire. La deuxième règle utilise le sélecteur d'élément de formulaire pour la balise pour définir la couleur du texte "Votre adresse e-mail" sur rouge.

Propriétés

Couleur:

La propriété color est l'attribut qui définit la couleur du texte et de la couleur de premier plan. Dans notre exemple, la propriété color est utilisée pour définir la couleur des éléments p et form. Notez que le nom de la propriété est suivi de deux points (:).

Valeurs

#000000;
rouge;

Vous pouvez utiliser le nom de la couleur, le code de couleur hexadécimal ou le code de couleur RVB pour définir la valeur de couleur. Dans notre exemple, nous avons utilisé le code couleur hexadécimal (# 000000) pour l'élément p et le nom de la couleur (rouge) pour l'élément formulaire. Nous aurions également pu utiliser le code couleur RVB RVB (100%, 0%, 0%). Notez que la valeur de la couleur est suivie d'un point-virgule (;).

Instructions Vidéo: La couleur et le fond - Part II - Chap 3 (Créez votre site web avec HTML5 et CSS3) (Mai 2024).

Comment définir la couleur du texte et du premier plan avec la propriété Color des feuilles de style en cascade, HTML, la propriété de couleur CSS, comment utiliser la propriété color, comment définir la couleur du texte sur une page Web avec CSS, comment définir la couleur de la règle horizontale sur une page Web avec CSS, comment utiliser CSS pour définir la couleur de l'élément de formulaire

Article Précédent

Article Suivant

Articles Connexes

des ordinateurs

Projet Comportements d'animation en mouvement

Mai 2024

Maintenant que nous avons importé notre Photoshop en couchesR l'image dans notre mouvementR projet, nous sommes prêts à créer une animation de lumières clignotantes. Nous allons dessiner des cercles...

des ordinateurs

Configuration de votre compte sur Blogger.com - 2

Mai 2024

Détails du serveurLa première ligne sous Détails du serveur demande votre serveur FTP. Le nom de notre exemple de site étant mysite.com, le nom de notre serveur FTP sera probablement mysite.com ou...