简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

hover用于a标签_html/css_WEB-ITnose

WBOY
發布： 2016-06-21 09:46:59
原創
1221 人瀏覽過

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

<head> <style>	ul li a:hover{	 background-color: red;	} </style></head><ul> <li><a>文字</a></li></ul>
登入後複製


这样只有 文字 悬停时会变红 但是我要前面的小圆点也变红 有没有办法？
实际工作中背景是个图片 把背景图片向左移也行 就是要整个 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>
登入後複製
相關標籤：
hover用于a标签
來源：php.cn
上一篇：我想定义 input 类型 中的 checkbox 的css_html/css_WEB-ITnose 下一篇：这两个CSS定义的效果怎么不一样呢？_html/css_WEB-ITnose
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
網頁抓取：缺少 href 屬性 - 需要模擬滑鼠點擊進行網頁抓取嗎？ 對於一個有趣的網頁抓取項目，我想從ttps://www.nhl.com/stats/teams收集NHL資料。有一個可點擊的Excel匯出標籤，我可以使用selenium和bs4找...
來自於 2024-04-04 10:32:06
0
1
3473
按標籤搜尋貼文 我需要按標籤顯示貼文。我的解決方案適用於單一標籤，如下所示：路線：Route::get('/posts',[PostController::class,'index'])->...
來自於 2024-04-03 22:38:54
0
1
430
是否可以在不使用 div 的情況下在同一行上有多個 span 類別？ 我想讓每個文字都有不同的顏色，所以我使用了多個跨度類別來設定css中的顏色。我還希望文字有換行符，所以我使用了div。這個小提琴顯示了我想要的結果，但是用於換行符的div標籤產生了...
來自於 2024-04-03 11:17:18
0
1
360
使用正規表示式在HTML中進行單字計數 這和這個是同一個問題。但由於我沒有使用javascript，“innerText”對我來說不是一個解決方案，我想知道正則表達式是否可以組合/(<.*?>)/g和>...
來自於 2024-04-01 22:44:06
0
1
416
嘗試溢位 HTML <pre><code> 標籤而非換行時，Flex 間距會被破壞 我將CSS應用到precode選擇器，以便製作樣式程式碼區塊，就像您在GitHub或其他地方看到的那樣。我使用Flexbox進行佈局，並且在“框”div內並排有兩個“面板”div，...
來自於 2024-04-01 12:22:06
0
1
296
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！