<head> <style> ul li a:hover{ background-color: red; } </style></head><ul> <li><a>文字</a></li></ul> 这样只有 文字 悬停时会变红 但是我要前面的小圆点也变红 有没有办法?实际工作中背景是个图片 把背景图片向左移也行 就是要整个 li 都在背景中但hover只对a有效 ,如果在li外面包一个<a>,好像会背景图片有文字的地方是白的 而且整个li会向右移不想用脚本 ,有没有办法?
<head> <style> ul li{list-style:none;(取消LI标签默认样式,就是前边自带的小圆点,你需要远点的话可以直接在文字前边添加“·”符号就可以)} ul li a:hover{ background: #f00;(背景变红,注:可能无法实现,因为A标签没有块级显示,需要定义display: block;) color:#f00(鼠标滑过,文字变红。) } </style> </head> <ul> <li><a>文字</a></li> </ul>
时间: 2024-08-09 06:34:39