<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>