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

hover用于a标签_html/css_WEB-ITnose

WBOY
Release： 2016-06-21 09:46:59
Original
1221 people have browsed it

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

<head> <style>	ul li a:hover{	 background-color: red;	} </style></head><ul> <li><a>文字</a></li></ul>
Copy after login


这样只有 文字 悬停时会变红 但是我要前面的小圆点也变红 有没有办法？
实际工作中背景是个图片 把背景图片向左移也行 就是要整个 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>
Copy after login
Related labels：
hover用于a标签
source：php.cn
Previous article：我想定义 input 类型 中的 checkbox 的css_html/css_WEB-ITnose Next article：这两个CSS定义的效果怎么不一样呢？_html/css_WEB-ITnose
Statement of this Website
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
Latest Articles by Author
Latest Issues
Web scraping: Missing href attribute - Need to simulate mouse clicks for web scraping? For a fun web scraping project, I want to collect NHL data from ttps://www.nhl.com/stats/t...
From 2024-04-04 10:32:06
0
1
3473
Search posts by tags I need to display posts by tags. My solution works for a single tag like this: Route::get(...
From 2024-04-03 22:38:54
0
1
430
Is it possible to have multiple span classes on the same line without using div s? I wanted each text to have a different color, so I used multiple span classes to set the c...
From 2024-04-03 11:17:18
0
1
360
Word counting in HTML using regular expressions This is the same problem as this. But since I'm not using javascript, "innerText"...
From 2024-04-01 22:44:06
0
1
416
Flex spacing broken when trying to overflow HTML <pre><code> tag instead of wrapping I apply CSS to the precode selector in order to make styled code blocks like you would see...
From 2024-04-01 12:22:06
0
1
296
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！