Home >Web Front-end >HTML Tutorial >How to make HTML change color when the mouse is stopped (tr)
How to make HTML change color when the mouse is stopped (tr)
- php中世界最好的语言Original
- 2018-01-18 09:14:022361browse
This time I will show you how to make HTML change color when the mouse is stopped (tr), and what are the precautions for making HTML change color when the mouse is stopped (tr). The following is a practical case, let's take a look.
Use pure CSS to realize that when the mouse passes over a certain row of a table, 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>I believe you have read these cases You have mastered the method. For more exciting information, please pay attention to other related articles on the php Chinese website!
Related reading:
How to use the img tag of HTML images
How to use HTML to implement the scrolling barrage function
What is the difference between name, id and class in HTML
The above is the detailed content of How to make HTML change color when the mouse is stopped (tr). For more information, please follow other related articles on the PHP Chinese website!