Heim > Artikel > Web-Frontend > In HTML ändert die gesamte Zeile ihre Farbe, wenn die Maus darüber bewegt wird
In HTML ändert die gesamte Zeile ihre Farbe, wenn die Maus darüber bewegt wird
- 墨辰丷Original
- 2018-06-04 15:46:553146Durchsuche
In diesem Artikel werden hauptsächlich die relevanten Informationen in HTML vorgestellt, um die Farbänderung der gesamten Zeile zu erkennen, wenn die Maus darüber ist. Freunde, die sie benötigen, können darauf verweisen
Verwenden Sie reines CSS, um dies zu erkennen, wenn die Maus gedrückt wird über eine bestimmte Zeile einer Tabelle geht, ist es notwendig, dass sich die Hintergrundfarbe der gesamten Zeile ändert, 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>Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, I Ich hoffe, es wird für das Lernen aller hilfreich sein.
Verwandte Empfehlungen:
Wenn die Maus darüber bewegt wirdDie gesamte Zeile ändert ihre Farbe_JavaScript
Das obige ist der detaillierte Inhalt vonIn HTML ändert die gesamte Zeile ihre Farbe, wenn die Maus darüber bewegt wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!