Comment Mettre En évidence Un Lien Avec De La Couleur

Table des matières:

Comment Mettre En évidence Un Lien Avec De La Couleur
Comment Mettre En évidence Un Lien Avec De La Couleur

Vidéo: Comment Mettre En évidence Un Lien Avec De La Couleur

Vidéo: Comment Mettre En évidence Un Lien Avec De La Couleur
Vidéo: PowerPoint couleur lien hypertexte pour 2007-2010-2013 2024, Novembre
Anonim

Le langage de balisage HTML dispose d'un grand nombre d'options pour afficher des éléments dans la fenêtre du navigateur. Pour modifier les paramètres graphiques, définir la couleur des éléments de la page, CSS est souvent utilisé, ce qui vous permet d'affiner la couleur du texte souhaitée.

Comment mettre en évidence un lien avec de la couleur
Comment mettre en évidence un lien avec de la couleur

Instructions

Étape 1

Pour modifier le paramètre d'affichage du lien, vous devez modifier le code de la page. Ouvrez votre document HTML avec un utilitaire d'édition de code. Utilisez l'éditeur Windows standard "Bloc-notes". Vous pouvez également installer des programmes supplémentaires tels que Notepad ++ ou HTML-Viewer qui vous permettront de visualiser le code dont vous avez besoin avec une coloration syntaxique. Pour ouvrir le fichier dans l'éditeur, faites un clic droit et sélectionnez "Ouvrir avec". Dans la liste qui s'affiche, spécifiez l'utilitaire que vous avez sélectionné.

Étape 2

Dans la fenêtre de l'éditeur, accédez au lien dont vous souhaitez modifier la couleur. Chaque lien a la forme Nom du lien. Pour changer la couleur du texte, utilisez le paramètre style.

Étape 3

Après avoir sélectionné la ligne que vous devez modifier, accédez au bloc de page. Après le descripteur de fermeture, entrez la balise et créez la pseudo-classe CSS souhaitée. Par example:

.colorchange {couleur: rouge;

fond: bleu;

remplissage: 1px; }

Étape 4

Ce code crée une pseudo-classe nommée colorchange qui peut être utilisée dans les attributs de lien. Le paramètre color est responsable de la couleur du texte de l'élément - dans ce cas, la valeur red est définie, ce qui créera le texte en rouge. Vous pouvez ajouter n'importe quelle valeur HTML à cet élément. La couleur de fond du lien est définie via le paramètre background. Le paramètre padding est responsable de l'indentation du lien par rapport aux autres éléments.

Étape 5

Après avoir créé une pseudo-classe, elle doit être définie dans le corps du document lui-même. Retournez à la section du code où se trouve votre lien. Modifiez-le en tapant le paramètre class et en lui donnant une valeur avec le nom de la pseudo-classe CSS. Par example:

Nom du lien

Étape 6

Vous allez créer un lien rouge avec un fond bleu et un remplissage de 1 pixel comme spécifié dans le CSS ci-dessus. Enregistrez les modifications apportées au fichier et fermez la fenêtre de l'éditeur. Pour vérifier le code spécifié, ouvrez votre page dans une fenêtre de navigateur pour vous assurer que les paramètres définis sont corrects. La mise en évidence du lien avec la couleur est terminée.

Conseillé: