gpt4 book ai didi

html - CSS 链接悬停样式

转载 作者:可可西里 更新时间:2023-11-01 13:15:45 26 4
gpt4 key购买 nike

我正在设计一个网页,该网页有一个菜单栏,页面上有链接。我有一个样式表,但我在使用“悬停”代码时遇到了问题。我的一段代码如下所示:

<body>
<div id="wrapper">
<div id="menu">
<a class="mLink" href="main.php">Home</a>

用css代码:

body {
background-color:black;
text-align: center;
height:100%;
}

div#wrapper{
margin-right: 5%;
margin-left: 5%;
margin-top: 0%;
margin-bottom: 5%;
border: outset;
border-color: white;
}

a.mLink{
color: white;
font-size: 35px;
padding: 10px;
}

a.mLink:hover{
color: black;
}

a.mLink:active{
color:black;
}


div#content{
color: white;
font-size: 40px;
}

“悬停”和“事件”都不起作用,我不明白为什么。我尝试了很多不同的样式变体,例如 a:hover、#menu a:hover、#menu a.mLink:hover,但似乎没有任何效果。任何帮助将非常感激。

最佳答案

或许您可以附上它的外观截图并告诉我们它应该是什么样子?我将你拥有的内容复制并粘贴到此 jsfiddle 中它对我来说很好用。你发布的内容和我所做的之间的唯一区别是将 a:hover 颜色更改为红色,将 a:active 颜色更改为黄色,这样你就可以看到区别,而不是黑底黑字。

那么,您能否张贴一张屏幕截图,说明正在发生的事情与您所期望的情况?如果是这样,我会相应地更新我的答案。

关于html - CSS 链接悬停样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10197683/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com