CSSは、マウスを線の上に置くと線全体の色を変える効果を実現します。

CSSは、マウスを線の上に置くと線全体の色を変える効果を実現します。

まとめ:

以下のように、CSS で指定した行にマウスを置いたときに行全体の色を変更する方法を示します。

実装のアイデア:

次の例に示すように、マウスがポイントされているときに背景色を変更するには、:hover 疑似クラスを使用します。

例:

マウスを下の div 上に置くと、それに応じて背景色が変わります。

<!DOCTYPE html>
<html>
<ヘッド>
<メタ文字セット="utf-8">
<meta name="author" content="http://www.maomao365.com/" />
<title>Maomao チュートリアル (www.maomao365.com)</title>
<スタイル タイプ="text/css">
div{
  オーバーフロー:非表示;
  空白:折り返しなし;
  高さ:30px;
  幅:250px; 
  背景色:白;
  色:黒;
}
.divTest:hover{
  背景色:青;
  色:白;
}
</スタイル>
</head>
<本文>
<div class="divTest">div マウスを移動すると、背景色が変わります</div>
</本文>
</html>

要約する

上記は、マウスを置いたときに行全体の色が変わる効果を実現するためにエディターが紹介した CSS です。参考になれば幸いです。

<<:  HTML での select optgroup タグの使用の概要

>>:  クロスブラウザローカルストレージⅠ

推薦する

JS 手ぶれ補正機能の実装と使用シナリオ

目次1. 手ぶれ補正機能とは何ですか? 1. なぜ手ぶれ補正機能が必要なのでしょうか? 2. 手ぶれ...

ベンダー プレフィックス: ブラウザ エンジン プレフィックスが必要なのはなぜですか?

ベンダープレフィックスとは何ですか?ベンダー プレフィックス - ブラウザー エンジン プレフィック...

MySQL 権限昇格のさまざまな形態の概要

目次1. Webshel​​lを書く出力ファイルにシェルを書き込むログファイル書き込みシェル2. U...

3次元画像配置効果を実現する純粋なCSSのサンプルコード

1. 要素の幅/高さ/パディング/マージンのパーセンテージ基準要素の幅/高さ/パディング/マージンの...

MySQL 5.7 で業務を停止せずに従来のレプリケーションを GTID レプリケーションに変更する例

GTID の利点により、従来のファイル POS ベースのレプリケーションを GTID ベースのレプリ...

MySQL Undo ログと Redo ログの概要

目次元に戻すログUNDOログの生成と破棄UNDOログの保存元に戻すログ機能トランザクションの原子性の...

Linuxでテキスト比較を実現するコツを教えます

序文コードを書く過程で、必然的にコードに何らかの変更を加えることになります。しかし、変更を加えるとき...

MySQLデータベースの基礎知識

目次1. データベースを理解する1.1 データベースとデータ構造の関係1.2 なぜデータベースが必要...

パフォーマンス負荷診断にMySQLシステムデータベースを使用する方法

ある達人がかつて、自分の妻のことを知るのと同じくらい、自分が管理するデータベースのことを知るべきだと...

MySQL ログトリガー実装コード

SQL文 ドロップトリガー もし sys_menu_edit が存在します。 各行のsys_menu...

HTML 要素の高さ、offsetHeight、clientHeight、scrollTop などの詳細な説明。

要素に関するいくつかの属性フロントエンドの日常的な開発では、一部のページのプロパティを取得または監視...

MySQL テーブルを作成するためによく使用される SQL ステートメントの概要

最近、私はプロジェクトに取り組んでおり、背景を記述するために SQL ステートメントを使用する必要が...

MySQL 8.0.12 winx64 解凍バージョンのインストール グラフィック チュートリアル

mysql-8.0.12-winx64 解凍版のインストールを記録して、みんなで共有しました。 1....

スクラッチ宝くじの例を実現する JavaScript キャンバス

この記事では、スクラッチ効果を実現するためのJavaScriptキャンバスの具体的なコードを参考まで...

MySQL sql99構文の内部結合と非等価結合の詳細な説明

#事例: 従業員の給与水準を照会する 選択 給与、等級 から 従業員 参加する ジョブグレード g ...