<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> ul{ margin:0px; padding:0; overflow:hidden; list-style-type: none; } li a{ display:inline; color:black; font-family:Georgia; text-align: center; font-size:200%; text-decoration:none; border-left:1px solid gray; } li a:hover{ color:rgb(72, 145, 123); text-align:center; font-family:Georgia; font-size:250%; background:green; text-decoration:none; display:inline; padding:0%; } li a:active{ color:chartreuse; } body { width:100%; height:100%; margin:0 } li{float:left; padding-left:3%; background:#c0c9d3;} </style></head><body> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">News</a></li> <li><a href="#">Contact</a></li> <li><a href="#">Home</a></li> <li><a href="#">Home</a></li> </ul>是的，這有點(diǎn)混亂，但基本上我正在嘗試學(xué)習(xí)一些 Html + CSS，并且在創(chuàng)建導(dǎo)航欄時(shí)遇到問(wèn)題。我想讓文本“彈出”，當(dāng)你將鼠標(biāo)懸停在它上面時(shí)，所以我將鼠標(biāo)懸停時(shí)的文本大小增加到 250%...但是，我也想讓“彈出”將其背景更改為綠色（僅用于為了便于討論），但我希望綠色背景能夠延伸，以便它到達(dá)前面<li>和<li>后面。例如，我將鼠標(biāo)懸停在“新聞”上，它會(huì)彈出，并且背景從主頁(yè)達(dá)到“e”，從聯(lián)系人達(dá)到“C”。我希望這一切都是有道理的。另外，這不適合我的大學(xué)/公司……等等……只是為了我作為一個(gè)想要從頭開(kāi)始學(xué)習(xí)創(chuàng)建網(wǎng)站的菜鳥的個(gè)人利益。這也是我制作的第一個(gè)導(dǎo)航欄，所以請(qǐng)隨意給我批評(píng)：D
使用html和css的導(dǎo)航欄，a：懸停問(wèn)題
墨色風(fēng)雨
2023-10-30 15:11:47
