Home >Web Front-end >HTML Tutorial >hover用于a标签_html/css_WEB-ITnose
hover用于a标签_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 09:46:591288browse
<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> Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：我想定义 input 类型 中的 checkbox 的css_html/css_WEB-ITnoseNext article：这两个CSS定义的效果怎么不一样呢？_html/css_WEB-ITnose