Heim > Artikel > Web-Frontend > hover用于a标签_html/css_WEB-ITnose
hover用于a标签_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 09:46:591215Durchsuche
<head> <style> ul li a:hover{ background-color: red; } </style></head><ul> <li><a>文字</a></li></ul> 这样只有 文字 悬停时会变红 但是我要前面的小圆点也变红 有没有办法？
实际工作中背景是个图片 把背景图片向左移也行 就是要整个 li 都在背景中
但hover只对a有效 ，如果在li外面包一个,好像会背景图片有文字的地方是白的 而且整个li会向右移
不想用脚本 ，有没有办法？
回复讨论(解决方案)
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!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> Stellungnahme：
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
Vorheriger Artikel：我想定义 input 类型 中的 checkbox 的css_html/css_WEB-ITnoseNächster Artikel：这两个CSS定义的效果怎么不一样呢？_html/css_WEB-ITnose