이 글에서는 마우스 정지 시 전체 행(tr)의 색상 변경을 구현하기 위한 관련 정보를 HTML로 주로 소개합니다. 필요한 친구들은 참고하면 됩니다.
마우스가 특정 영역을 지나갈 때 구현하기 위해 순수 CSS를 사용합니다. 테이블 행의 경우 행에 초점이 맞춰져 있음을 나타내기 위해 전체 행의 배경색이 변경됩니다.
<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>위 내용은 HTML에서 마우스 정지 시 라인 전체(tr)의 색상 변경을 구현하는 방법 샘플 코드 공유 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
