Changement de couleur au survol de la souris CSS : la police du lien hypertexte change de couleur lorsque la souris survole-tutoriel CSS-php.cn

Changement de couleur au survol de la souris CSS : la police du lien hypertexte change de couleur lorsque la souris survole

云罗郡主

Libérer： 2018-11-22 17:31:31

avant

28731 Les gens l'ont consulté

Le contenu de cet article concerne le changement de couleur de survol de la souris CSS : les changements de police de lien hypertexte avec la couleur de survol de la souris, il existe une certaine valeur de référence, les amis dans le besoin peuvent référez-vous-y, j'espère que cela vous sera utile.

Css définit la police du lien hypertexte pour qu'elle change de couleur lorsque la souris la survole, CSS définit la mise en page pour qu'elle change de couleur lorsque la souris la survole.

Le texte change de couleur lorsque la souris survole la police. Habituellement, pour changer la couleur de la police du texte d'ancrage du lien hypertexte, la pseudo classe : hover est utilisée.

a{ color:#00F}
a:hover{ color:#F00}

Copier après la connexion

Explication : La couleur de police du lien hypertexte par défaut est le bleu "color:#00F", et lorsque la souris survole, la couleur de la police est rouge "color:#F00". On peut voir que pour changer la couleur du survol de la souris, définissez a:hover

1. exemple de code div css

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鼠标悬停颜色改变 实例</title>
<style>
a{ color:#00F}/* 默认超链接字体颜色为蓝色 */
a:hover{color:#F00}/* 默认超链接字体悬停时颜色为红色 */
.zhiding a{ color:#090}
.zhiding a:hover{ color:#F0F}
</style>
</head>
<body>
<p>欢迎来到<a href="http://www.php.cn/">php</a>学习php技术！</p>
<p class="zhiding">指定对象<a href="#">超链接</a>字体悬停颜色改变！</p>
</body>
</html>

Copier après la connexion

L'effet est le suivant :

Changement de couleur au survol de la souris CSS : la police du lien hypertexte change de couleur lorsque la souris survole

Instructions :

1), définissez la police par défaut du lien hypertexte de la page Web sur le bleu et le rouge lorsque la souris survole (a{ color: #00F} a:hover{color : #F00});

2). En même temps, définissez la couleur de la police du lien hypertexte dans l'objet spécifié sur vert par défaut et la couleur de la police sur rose lorsque la souris survole.

3. Résumé

Le changement de couleur CSS au survol applique la pseudo-classe de lien hypertexte ":hover" pour définir les changements de style CSS. En plus des changements de couleur, vous pouvez également définir la police au survol de la souris. la taille et l'audace de la police, l'arrière-plan et d'autres changements de style, et utilisez de manière flexible d'autres styles CSS pour modifier les couleurs de la police.

Ce qui précède est l'introduction complète à la mise en œuvre du changement de couleur CSS au survol de la souris : la police du lien hypertexte change de couleur avec le survol de la souris. Si vous souhaitez en savoir plus sur le Tutoriel CSS3, veuillez prêter attention à. Site Web PHP chinois .

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!