简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

ホバーはtag_html/css_WEB-ITnoseに使用されます

WBOY
リリース： 2016-06-21 09:46:59
オリジナル
1222 人が閲覧しました

この投稿は、u012721633 によって 2013-11-04 18:10:32 に最終編集されました 

<head> <style>	ul li a:hover{	 background-color: red;	} </style></head><ul> <li><a>文字</a></li></ul>
ログイン後にコピー


このように、ホバー時にテキストのみが赤くなりますが、前の小さな点も赤になるようにしたいです。何か方法はありますか？
実際の作業では、背景は画像です。つまり、背景全体を背景に移動することもできます。ただし、ホバーは を囲んだ場合にのみ有効です。 liの外側では、背景画像にテキストが表示されるようです。白く、li全体が右に移動します
スクリプトを使用したくないのですが、方法はありますか?


ディスカッションへの返信 (解決策)




無題ドキュメント
ul li a:hover{
背景色: 赤;
} li：＃f00;＆lt＆gt; ;/a>



関連ラベル：
hover用于a标签
ソース：php.cn
前の記事：css_html/css_WEB-ITnoseに入力タイプのチェックボックスを定義したい 次の記事：これら 2 つの CSS 定義の効果が異なるのはなぜですか? _html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Web スクレイピング: href 属性がありません - Web スクレイピングのマウス クリックをシミュレートする必要がありますか? 楽しい Web スクレイピング プロジェクトのために、ttps://www.nhl.com/stats/teams から NHL データを収集したいと考えています。クリック可能な ...
から 2024-04-04 10:32:06
0
1
3473
タグで投稿を検索 投稿をタグごとに表示する必要があります。私のソリューションは次のような単一のタグで機能します: Route::get('/posts',[PostController::class...
から 2024-04-03 22:38:54
0
1
430
div を使用せずに複数のスパンクラスを同じ行に置くことは可能ですか? 各テキストに異なる色を付けたかったので、複数のスパンクラスを使用して CSS で色を設定しました。また、テキストに改行を入れたかったので、div を使用しました。このフィドルは私が...
から 2024-04-03 11:17:18
0
1
360
正規表現を使用した HTML での単語カウント これもこれと同じ問題です。しかし、私はJavaScriptを使用していないので、「innerText」は私にとって解決策ではなく、正規表現が一連の処理を行わずに/(<.*?&...
から 2024-04-01 22:44:06
0
1
416
HTML <pre><code> タグをラップせずにオーバーフローしようとすると、フレックススペースが壊れる GitHub などで見られるようなスタイル付きのコード ブロックを作成するために、CSS をプリコード セレクターに適用します。レイアウトに Flexbox を使用しており、「bo...
から 2024-04-01 12:22:06
0
1
296
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！