집 > 기사 > 웹 프론트엔드 > HTML에서는 마우스를 올리면 전체 줄의 색상이 변경됩니다.

HTML에서는 마우스를 올리면 전체 줄의 색상이 변경됩니다.

墨辰丷원래의: 2018-06-04 15:46:553145검색

이 글에서는 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에서는 마우스를 올리면 전체 줄의 색상이 변경됩니다.

관련 기사