マウスホバーリング時に行(tr)全体のHTMLカラーを変更する。
2022-01-08 05:59:22
テーブルの行の上をマウスが通過したときに行全体の背景色を変更し、その行にフォーカスがあることを示すために、純粋なCSSを使用します。
<html >
<head>
<meta charset="utf-8"/>
<title>change</title>
<style type="text/css">
tr.change:hover
{
background-color:#00FF00
}
</style>
</head>
<body>
<h1>mouse-over color change</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>
以上、マウスを止めたときに全体の線（tr）の色を変えることを実現するためのHTMLを少し紹介しましたが、お役に立てれば幸いです。今後ともスクリプトハウスをよろしくお願いいたします。
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン