Comment utiliser CSS pour changer la couleur de la police lorsque la souris passe dessus ? (Code test réel)-tutoriel CSS-php.cn

Comment utiliser CSS pour changer la couleur de la police lorsque la souris passe dessus ? (Code test réel)

藏色散人

Libérer： 2018-08-09 15:22:20

original

15648 Les gens l'ont consulté

Lorsque nous parcourons une page Web, un effet de décoloration apparaît lorsque la souris passe sur un certain texte. Il s'agit de la décoloration de la police CSS. D'une part, il s'agit d'attirer activement l'attention de l'utilisateur à cliquer, et d'autre part. d'autre part, il s'agit d'empêcher l'utilisateur de cliquer sur le mauvais paragraphe de texte. En fait, cet effet de changement de couleur de la police CSS de la souris est très facile à réaliser. Tant que vous avez un peu de connaissances en CSS, vous pouvez l'utiliser.

Le principal point de connaissance est que le survol de la souris est écrit comme HOVER en CSS et le déclencheur de la souris est écrit comme ACTIVE en CSS.

L'exemple de code spécifique pour obtenir l'effet de changement de couleur de police de la souris CSS est le suivant :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css字体变色测试</title>
</head>
<style>
    a {
        color:black}
    a:hover {
        color:red }
    a:active {
        color:blue}
</style>
<body>
<a>
    你过来指我试试！！！
</a>
</body>
</html>

Copier après la connexion

Le code ci-dessus peut être directement copié et testé localement.

Comment utiliser CSS pour changer la couleur de la police lorsque la souris passe dessus ? (Code test réel)

Remarque : La couleur : rouge après a; équivaut à ce que le texte du lien soit noir, et la couleur : noir de a:hover équivaut à ce que le texte du lien soit rouge après ; la souris se déplace dessus, la couleur : bleue de :active est égale au bleu lorsque la souris clique sur le texte du lien.

Ensuite, j'espère que l'introduction de cet article au problème de la façon d'obtenir l'effet de changement de couleur de police de la souris CSS sera utile à tout le monde !

[Recommandations de contenu associé]

Explication détaillée de la couleur de la police du texte (couleur CSS) en CSS

Couleur de la police en html et css Résumé des paramètres

Paramètres de couleur de police et de couleur d'arrière-plan

Exemple de la façon dont CSS implémente le dégradé de couleur du texte

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!