이 글에서는 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>요약: 위 내용은 이 글의 전체 내용이므로 모든 분들의 학습에 도움이 되기를 바랍니다.
관련 추천:
SS 마우스를 행에 놓는 방법 전체 행의 색상이 변경됨 _html/css_WEB-ITnose
마우스가 지나갈 때 전체 행의 색상이 변경됨 _JavaScript
jQuey Slide over 색상 변경을 기반으로 마우스 구현(전체 행 색상 변경)_jquery
위 내용은 HTML에서는 마우스를 올리면 전체 줄의 색상이 변경됩니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
