Heim >Web-Frontend >HTML-Tutorial >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:312061Durchsuche
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!