Maison > interface Web > tutoriel HTML > En HTML, toute la ligne change de couleur au survol de la souris

En HTML, toute la ligne change de couleur au survol de la souris

墨辰丷
Libérer: 2018-06-04 15:45:25
original
3179 Les gens l'ont consulté

Cet article présente principalement les informations pertinentes en HTML pour réaliser le changement de couleur de la ligne entière lorsque la souris est survolée.

En utilisant du CSS pur pour s'en rendre compte lorsque la souris est passée. passe sur une certaine ligne d'un tableau, il est nécessaire de La couleur d'arrière-plan de la ligne entière change pour indiquer que la ligne est mise au point :

<html >
<head>
<meta charset="utf-8"/>
<title>change</title>
<style type="text/css">
  tr.change:hover
  {
    background-color:#00FF00
  }
</style>
</head>
<body>
<h1>鼠标经停变色</h1>
<table width="80%" border="1" align="center">
  <tr class="change">
    <td> </td>
    <td> </td>
  </tr>
  <tr class="change">
    <td> </td>
    <td> </td>
  </tr>
</table>
</body>
</html>
Copier après la connexion

Résumé : Ce qui précède représente tout le contenu de cet article , j'espère que cela sera utile à l'apprentissage de chacun.

Recommandations associées :

Comment mettre la souris sur une ligne en SSLa ligne entière change de couleur_html/css_WEB-ITnose

Lorsque la souris passe dessusLa ligne entière change de couleur_JavaScript

Basé sur jQuey pour réaliser le changement de couleur lorsque la souris glisse sur (La ligne entière change de couleur)_jquery

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