La modification des paramètres d'affichage des liens en html peut se faire à l'aide de feuilles de style CSS en cascade. Ils permettent de personnaliser l'affichage de la police du lien, sa couleur avant que l'utilisateur ne clique dessus et après le clic de souris. Vous pouvez également modifier la police de caractères utilisée et sa taille.
Instructions
Étape 1
Les classes et pseudo-classes sont utilisées pour définir les paramètres de lien en css. La pseudo-classe a:link définit le style d'un lien régulier, a:visité permet de personnaliser l'affichage d'un lien déjà utilisé. A: active gère les paramètres de la balise lorsque le curseur est cliqué sur l'élément, et a: hover définit le style du lien lorsque vous le survolez. Vous pouvez également créer vous-même n'importe quelle classe pour l'élément et, dans les paramètres, utiliser des opérateurs standard pour formater le texte.
Étape 2
Pour désactiver l'affichage du soulignement du texte du lien dans le navigateur, utilisez le paramètre text-decoration: none. Vous pouvez spécifier cet attribut à la fois dans une classe et dans une pseudo-classe pour un élément. Pour changer la couleur du lien, utilisez le paramètre color, pour la taille - l'attribut standard font-size. Si vous souhaitez inclure des caractères gras ou italiques, utilisez le paramètre font-weight.
Étape 3
Ouvrez votre fichier html avec l'éditeur de texte que vous utilisez pour modifier le code de la page. Après cela, accédez à une section de votre document et définissez le code CSS pour les futurs liens sur la page à l'aide d'un handle. Par example:
Modification des liens
a: link {text-decoration: none;
taille de la police: 14 px;
font-weight: gras;
La couleur rouge; }
Étape 4
Ce code supprime le soulignement d'un lien normal, définit la taille du texte à 14 pixels, applique un style gras et une couleur rouge à l'élément. Maintenant, tout lien dans la balise sera affiché comme ceci.
Étape 5
Vous pouvez styliser pour chaque lien spécifique à l'aide de classes CSS. Ainsi, si le code dans la balise ressemble à:
a.link1 {taille de la police: 20px; la couleur noire;}
Étape 6
Vous pouvez définir la taille du lien sur 20 pixels et noir en utilisant la classe dans le corps du document comme suit:
Relier
Dans l'exemple, vous pouvez voir que le lien a été affecté à la classe de code css de retour en arrière créée en spécifiant l'attribut de classe du lien. Ce lien sera désormais affiché en noir et aura une taille de 20 pixels. Pour modifier cet attribut, modifiez le code css de la section de page.
Étape 7
La modification de l'apparence du lien est terminée, vous pouvez enregistrer les modifications apportées au fichier et l'exécuter pour l'afficher dans un navigateur.
