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 タグの使用の概要
推薦する
Vueライフサイクル機能の詳細な説明
目次ライフサイクル関数一般的なライフサイクルフックVue のインスタンス破棄について:要約するライフ...
MYSQL の 3 つのツリー構造テーブル設計の長所と短所の簡単な分析と共有
目次導入質問設計 1: 隣接リストテーブルデザインSQL の例デザイン 2: パスの列挙テーブルデザ...
Ubuntu Linux に Git と GitHub をインストールして使用する
Git 入門Git は、Linux(R) カーネル開発の管理を支援するために 2005 年に Lin...
MySQL のインデックスとビューの使用方法と違いの詳細な説明
序文この記事では主に、MySQL のインデックスとビューの使用方法と違いを紹介し、参考と学習のために...
mysql と oracle のデフォルトのトランザクション分離レベルの説明
1. トランザクション特性（ACID） （１）原子性トランザクションに関係するプログラムによって実行...
Linux システムでの Selenium クローラー プログラムの導入の概要
目次序文1. セレンとは何ですか? 2. 使用手順1. ライブラリをインポートする2. テストコード...
MySQL の 2 種類の一時テーブルの使用方法の詳細な説明
外部一時テーブルCREATE TEMPORARY TABLE によって作成された一時テーブルは、外部...
HTML 内の input type="reset" タグが無効 (機能しない) である理由として考えられるもの。
<html:reset> タグを使用すると、リセット ボタンが無効になり、ボタンをクリッ...
ElementUI のネストされたテーブルに基づいて複数選択を実装するためのサンプル コード
序文：私は友人のプロジェクトのバグを修正するのを手伝ったのでこれを書きました。この関数を書くのは初め...
MySQL 最適化 query_cache_limit パラメータの説明
クエリキャッシュ制限query_cache_limit は、単一のクエリで使用できるバッファ サイズ...
VueとVueComponentの関係の詳細な説明
次のケースでは、これまでに学んだプロトタイプチェーンの知識ポイントを確認します。 // コンストラク...
WeChatアプレットが計算機機能を実装
WeChatミニプログラムはますます人気が高まっています。多くの大学生が独学で学んでいるのも見てきま...
Vue Routerはバックグラウンドデータに応じて異なるコンポーネントをロードします
目次実際のプロジェクトで遭遇する要件実装が間違っているところもある私は個人的に、実装するより良い方法...
MySQLのバックアップとリカバリの詳細な説明
序文：前回の記事では、さまざまな MySQL ステートメント構文の使用法とユーザー権限に関する知識を...
Vueのフィルターについて知っておくべきこと
目次序文フィルターとは何かフィルターの使い方グローバルフィルターローカルフィルターフィルターは直列に...