HTML에서 마우스 정지 시 라인 전체(tr)의 색상 변경을 구현하는 방법 샘플 코드 공유 방법
- 黄舟원래의
- 2017-06-18 13:48:461704검색
이 글에서는 마우스 정지 시 전체 행(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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.