Modifier l’apparence d’un lien hypertexte

Vous pouvez contrôler l’apparence d’une large gamme de propriétés de lien hypertexte, notamment la couleur, la taille et la famille de polices en définissant des styles dans une feuille de style en cascade. Vous pouvez également attribuer des propriétés à différents états de lien hypertexte, tel qu’un lien visité ou un lien pointé par le curseur.

États de lien hypertexte

Lien hypertexte (a:link)

Un lien hypertexte qui n’a pas été sélectionné

Lien hypertexte visité (a:visited)

Un lien hypertexte qui a déjà été suivi

Lien hypertexte sensitif (a:hover)

Un lien hypertexte sur lequel se trouve le pointeur

Lien hypertexte actif (a:active)

Un lien hypertexte qui est actuellement sélectionné

Cc294936.alert_caution(FR-FR,Expression.30).gifImportant :

Les états de lien hypertexte doivent apparaître dans cet ordre dans la feuille de style en cascade afin que tous les états soient effectifs.

Pour plus d’informations sur les pseudo-classes de lien hypertexte, voir Pseudo-classe.

Pour modifier l’apparence des liens hypertexte dans une ou plusieurs pages Web, vous pouvez définir les styles de lien hypertexte dans une feuille de style en cascade interne dans chaque page Web ou dans une feuille de style en cascade externe que vous devez attacher à chaque page Web. Pour appliquer les mêmes styles de lien hypertexte à plusieurs pages Web, il est plus efficace de définir ces styles dans une feuille de style en cascade externe que vous attacherez aux pages Web concernées que de définir ces styles dans une feuille de style en cascade interne, dans chaque page Web.

Si vous souhaitez uniquement définir la couleur des liens hypertexte dans une seule page Web, vous pouvez utiliser la boîte de dialogue Nouveau Style ou Propriétés de la page. Les deux méthodes utilisent les feuilles de style en cascade, mais la boîte de dialogue Nouveau Style vous permet de définir les styles dans une feuille de style en cascade externe que vous pouvez attacher à plusieurs pages Web, tandis que la boîte de dialogue Propriétés de la page permet de définir les styles uniquement dans une feuille de style en cascade interne.

Cc294936.alert_tip(FR-FR,Expression.30).gifConseil :

Pour modifier l’apparence d’un seul lien hypertexte dans une page Web, sélectionnez le lien, puis créez un style intraligne qui définit les propriétés souhaitées.

Pour plus d’informations, voir Créer un style.

Pour modifier l’apparence des liens hypertexte

  1. Pour choisir l’emplacement des styles de lien hypertexte, effectuez l’une des actions suivantes :

    • Pour ajouter des styles de lien hypertexte à une feuille de style en cascade interne dans une page Web, uniquement appliqués aux liens de cette page, ouvrez la page Web en mode Création ou en mode Code.

    • Pour ajouter des styles à une feuille de style en cascade externe qui peut être attachée à une ou plusieurs pages Web, ouvrez le fichier .css ou créez-en un nouveau.

      Pour plus d’informations, voir Créer une feuille de style en cascade.

  2. Dans le panneau Appliquer les styles, cliquez sur Nouveau style.

  3. Dans la zone Sélecteur de la boîte de dialogue Nouveau style, sélectionnez l’une des options suivantes :

    Utilisez

    Pour

    a

    Définir l’apparence par défaut d’un lien hypertexte.

    a:active

    Définir l’apparence d’un lien hypertexte lorsque vous cliquez dessus.

    a:hover

    Définir l’apparence d’un lien hypertexte lorsque le pointeur passe dessus.

    a:link

    Définir l’apparence d’un lien hypertexte sur lequel vous n’avez pas cliqué.

    a:visited

    Définir l’apparence d’un lien hypertexte sur lequel vous avez cliqué.

  4. Dans la zone Catégorie, définissez les propriétés souhaitées pour les éléments suivants :

    Utilisez

    Pour

    Police

    Définir les propriétés de la police, notamment la taille, l’épaisseur, l’ornement et la couleur.

    Bloc

    Définir la hauteur de ligne, l’alignement, le retrait et l’espacement du texte.

    Background

    Définir la couleur et les propriétés d’image d’arrière-plan.

    Border

    Définir une bordure et ses propriétés.

    Zone

    Définir les propriétés de remplissage et de marge des éléments de niveau zone et de niveau bloc.

    Position

    Définir les dimensions et la position des éléments de niveau zone et de niveau bloc.

    Disposition

    Définir la visibilité, le comportement d’habillage et de flottement, le détourage et d’autres propriétés de disposition des éléments de niveau zone et de niveau bloc.

  5. Cliquez sur OK.

    Cc294936.alert_note(FR-FR,Expression.30).gifRemarque :

    Si le style du lien hypertexte est dans une feuille de style en cascade externe, vous devez attacher le fichier .css aux pages Web dans lesquelles vous voulez utiliser le style.

    Pour plus d’informations, voir Attacher ou détacher une feuille de style en cascade externe.

Pour changer uniquement les couleurs des liens hypertexte d’une seule page

  1. Ouvrez la page Web en mode Création ou en mode Code.

  2. Dans le menu Fichier, cliquez sur Propriétés.

  3. Dans la boîte de dialogue Propriétés de la page, cliquez sur l’onglet Mise en forme.

  4. Sous Couleurs, dans les zones Lien hypertexte, Lien visité, Lien actif et Lien hypertexte sensitif, sélectionnez les couleurs souhaitées.

  5. Cliquez sur OK.

Pour modifier la couleur de certains caractères d’un lien hypertexte

  1. Ouvrez la page Web en mode Création ou en mode Code.

  2. Sélectionnez les caractères du lien hypertexte que vous souhaitez modifier.

  3. Cliquez sur la flèche située dans le bouton Couleur de policeCc294936.48af3fbb-ac2e-4c03-be0f-48deffb294f6(FR-FR,Expression.30).png dans la barre d’outils Commune, puis sélectionnez une couleur.

Voir aussi

Tâches

Créer ou modifier un lien hypertexte

Changer le cadre de destination d’un lien hypertexte

Créer une feuille de style en cascade

Concepts

Référence des feuilles de style en cascade