masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > hover用于a标签_html/css_WEB-ITnose

hover用于a标签_html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-21 09:46:59
asal
1278 orang telah melayarinya

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

<head> <style>	ul li a:hover{	 background-color: red;	} </style></head><ul> <li><a>文字</a></li></ul>
Salin selepas log masuk


这样只有 文字 悬停时会变红 但是我要前面的小圆点也变红 有没有办法？
实际工作中背景是个图片 把背景图片向左移也行 就是要整个 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>
Salin selepas log masuk
Label berkaitan：
hover用于a标签
sumber：php.cn
Artikel sebelumnya：我想定义 input 类型 中的 checkbox 的css_html/css_WEB-ITnose Artikel seterusnya：这两个CSS定义的效果怎么不一样呢？_html/css_WEB-ITnose
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Mengikis web: Atribut href hilang - Perlu mensimulasikan klik tetikus untuk mengikis web? Untuk projek mengikis web yang menyeronokkan, saya ingin mengumpul data NHL daripada ttps:...
daripada 2024-04-04 10:32:06
0
1
3473
Cari siaran mengikut tag Saya perlu memaparkan catatan mengikut tag. Penyelesaian saya berfungsi untuk satu teg sep...
daripada 2024-04-03 22:38:54
0
1
430
Adakah mungkin untuk mempunyai beberapa kelas span pada baris yang sama tanpa menggunakan div s? Saya mahu setiap teks mempunyai warna yang berbeza, jadi saya menggunakan beberapa kelas s...
daripada 2024-04-03 11:17:18
0
1
360
Pengiraan perkataan dalam HTML menggunakan ungkapan biasa Ini adalah masalah yang sama seperti ini. Tetapi kerana saya tidak menggunakan javascript,...
daripada 2024-04-01 22:44:06
0
1
416
Jarak fleksibel rosak apabila cuba melimpahi teg <pre><code> HTML dan bukannya membalut Saya menggunakan CSS pada pemilih prakod untuk membuat blok kod gaya seperti yang anda aka...
daripada 2024-04-01 12:22:06
0
1
296
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan