Maison > Tutoriel CMS > WordPresse > Comment faire en sorte que WordPress change de couleur lorsque vous déplacez la souris sur le texte

Comment faire en sorte que WordPress change de couleur lorsque vous déplacez la souris sur le texte

下次还敢
Libérer: 2024-04-15 17:27:15
original
461 Les gens l'ont consulté

Vous pouvez faire changer la couleur du texte au survol dans WordPress en ajoutant du CSS personnalisé : connectez-vous à votre tableau de bord et accédez à Apparence > Personnaliser > Attacher le CSS. Ajoutez le code CSS suivant : a:hover {color: #ff0000;}. Remplacez #ff0000 par le code de couleur hexadécimal souhaité (par exemple #0000ff pour le bleu). Enregistrez les modifications et videz le cache (si activé) pour qu'elles prennent effet.

Comment faire en sorte que WordPress change de couleur lorsque vous déplacez la souris sur le texte

Comment changer la couleur du texte en survol dans WordPress

WordPress vous permet de faire facilement changer la couleur du texte en survol via CSS. Voici les étapes étape par étape :

Étape 1 : Ajouter du CSS personnalisé

  • Connectez-vous à votre tableau de bord WordPress.
  • Accédez à Apparence > Personnaliser.
  • Dans la barre latérale, cliquez sur « Joindre CSS ».

Étape 2 : Écrivez le code CSS

  • Dans la zone de texte fournie, ajoutez le code CSS suivant :
<code class="css">a:hover {
  color: #ff0000; /* 将悬停文本颜色更改为红色 */
}</code>
Copier après la connexion

Étape 3 : Changez la couleur du survol (facultatif)

  • Au besoin, vous La couleur du survol peut être modifiée. Remplacez simplement #ff0000 (rouge) par le code couleur hexadécimal souhaité. Par exemple, pour le texte bleu, utilisez #0000ff.

Principe de fonctionnement :

Le CSS ci-dessus utilise l'attribut :hover 伪类,它在鼠标悬停在元素(在本例中为文本链接)上时应用样式。color pour changer la couleur du texte au survol.

REMARQUE :

  • Assurez-vous d'ajouter le CSS à la section CSS personnalisé de votre thème actif.
  • Ce code affectera tous les liens texte. Si vous souhaitez uniquement appliquer un changement de couleur à un texte spécifique, utilisez le sélecteur CSS approprié.
  • Vider le cache (si activé) pour que les modifications prennent effet.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal