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

墨辰丷
墨辰丷original
2018-06-04 15:46:553178parcourir

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>

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!

Déclaration:
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