简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

hover用于a标签_html/css_WEB-ITnose

WBOY
Freigeben： 2016-06-21 09:46:59
Original
1222 Leute haben es durchsucht

本帖最后由 u012721633 于 2013-11-04 18:10:32 编辑 

<head> <style>	ul li a:hover{	 background-color: red;	} </style></head><ul> <li><a>文字</a></li></ul>
Nach dem Login kopieren


这样只有 文字 悬停时会变红 但是我要前面的小圆点也变红 有没有办法？
实际工作中背景是个图片 把背景图片向左移也行 就是要整个 li 都在背景中
但hover只对a有效 ，如果在li外面包一个,好像会背景图片有文字的地方是白的 而且整个li会向右移
不想用脚本 ，有没有办法？


回复讨论(解决方案)





无标题文档 







<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title></head><style>ul li{	background:url(你那小点的图片) no-repeat left center; padding-left:10px; height:24px; line-height:24px;}ul li a:hover{	background-color: red;}</style><body><ul>	<li><a>文字</a></li></ul></body></html>
Nach dem Login kopieren
Verwandte Etiketten：
hover用于a标签
Quelle：php.cn
Vorheriger Artikel：我想定义 input 类型 中的 checkbox 的css_html/css_WEB-ITnose Nächster Artikel：这两个CSS定义的效果怎么不一样呢？_html/css_WEB-ITnose
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Web Scraping: Fehlendes href-Attribut – Müssen Mausklicks für Web Scraping simuliert werden? Für ein unterhaltsames Web-Scraping-Projekt möchte ich NHL-Daten von ttps://www.nhl.com/st...
Aus 2024-04-04 10:32:06
0
1
3473
Durchsuchen Sie Beiträge nach Tags Ich muss Beiträge nach Tags anzeigen. Meine Lösung funktioniert für ein einzelnes Tag wie ...
Aus 2024-04-03 22:38:54
0
1
430
Ist es möglich, mehrere Span-Klassen in derselben Zeile zu haben, ohne div zu verwenden? Ich wollte, dass jeder Text eine andere Farbe hat, also habe ich mehrere Span-Klassen verw...
Aus 2024-04-03 11:17:18
0
1
360
Wortzählung in HTML mit regulären Ausdrücken Das ist das gleiche Problem wie hier. Aber da ich kein Javascript verwende, ist „innerText...
Aus 2024-04-01 22:44:06
0
1
416
Der Flex-Abstand ist fehlerhaft, wenn versucht wird, das HTML-Tag <pre><code> überlaufen zu lassen, anstatt es umzubrechen Ich wende CSS auf den Vorcode-Selektor an, um gestaltete Codeblöcke zu erstellen, wie Sie ...
Aus 2024-04-01 12:22:06
0
1
296
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！