Home >Web Front-end >HTML Tutorial >In HTML, the entire line changes color when the mouse is over
In HTML, the entire line changes color when the mouse is over
- 墨辰丷Original
- 2018-06-04 15:46:553153browse
This article mainly introduces the relevant information in HTML to realize the discoloration of the entire row when the mouse passes over it. Friends who need it can refer to it
Using pure CSS to realize that when the mouse passes over a certain row of a table, it is necessary to The background color of the entire row changes to indicate that the row is in focus:
<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>Summary: The above is the entire content of this article, I hope it will be helpful to everyone's learning.
Related recommendations:
How to put the mouse on a row in SSThe entire row changes color_html/css_WEB-ITnose
The whole line changes color when the mouse slides over it_JavaScript
The whole line changes color)_jquery
The above is the detailed content of In HTML, the entire line changes color when the mouse is over. For more information, please follow other related articles on the PHP Chinese website!