この記事では、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をベースにしたマウスの実装 スライドオーバーカラー変更(行全体のカラー変更)_jquery
以上がHTML では、マウスを置くと行全体の色が変わります。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
