gpt4 book ai didi

html - 当我将鼠标悬停在导航栏中的链接上时,如何创建下划线?

转载 作者:行者123 更新时间:2023-12-02 04:10:00 25 4
gpt4 key购买 nike

我想在将鼠标悬停在导航栏中的链接上时创建下划线。我不确定我应该定位哪个 id。这是我的 JFiddle:https://jsfiddle.net/gzycz4h8/

提前致谢。

<ul id="nav">
<li><a href="#">About</a></li>
<li><a href="#">Writing</a></li>
<li><a href="#">Multimedia</a></li>
<li><a href="#">Resume</a></li>
<li><a href="#">Contact</a></li>
</ul>

最佳答案

你在寻找这样的东西吗?

#nav {
padding: 10px 0;
width:700px;
margin: 0 auto;
text-align: center;
list-style-type: none;
display:block;
text-decoration: none;
-webkit-box-shadow: 0 2px 10px -12px #999;
-moz-box-shadow: 0 8px 6px -6px #999;
box-shadow: 0 8px 6px -6px #999;
}

#nav li {
display: inline-block;
margin: 5px;
text-transform: uppercase;

}
#nav li a {
text-decoration:none;
}
#nav li a:hover {
text-decoration: underline;
text-decoration-color: black;
-o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
transition:.4s;

}

关于html - 当我将鼠标悬停在导航栏中的链接上时,如何创建下划线?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37195863/

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