Heim  >  Artikel  >  Web-Frontend  >  So ändern Sie in HTML die Farbe der gesamten Zeile (tr), wenn die Maus angehalten wird

So ändern Sie in HTML die Farbe der gesamten Zeile (tr), wenn die Maus angehalten wird

小云云
小云云Original
2017-12-11 10:16:312037Durchsuche

Dieser Artikel führt hauptsächlich die relevanten Informationen in HTML ein, um die Farbänderung der gesamten Zeile (tr) zu erreichen, wenn die Maus angehalten wird. Ich hoffe, dass er allen helfen kann.

Verwenden Sie reines CSS, um zu implementieren, dass sich die Hintergrundfarbe der gesamten Zeile ändert, wenn die Maus über eine bestimmte Zeile einer Tabelle fährt, um anzuzeigen, dass die Zeile im Fokus ist:

<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>

Hast du es schon gelernt? Dieses Grundwissen ist in der Entwicklung sehr nützlich.

Verwandte Empfehlungen:

HTML-Implementierung einer einfachen Eingabeaufforderungsbox

Implementierung der HTML5-Desktop-Benachrichtigungsaufforderungsfunktion

Hinweise zur Tabellenverschachtelung in HTML

Das obige ist der detaillierte Inhalt vonSo ändern Sie in HTML die Farbe der gesamten Zeile (tr), wenn die Maus angehalten wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn