html 如何让悬停下划线效果在导航栏中从单词的开头开始并在单词的结尾停止？

jm2pwxwz 于 2022-12-09 发布在其他

关注(0)|答案(2)|浏览(106)

我希望导航栏垂直堆叠，当我悬停在链接上时，我希望下划线效果从单词的开头开始，在最后一个字母结束，但它从中心开始，远远超过结尾。
第一个

来源：https://stackoverflow.com/questions/74720552/how-to-get-the-hover-underline-effect-to-start-at-the-start-of-the-word-and-stop

2条答案

按热度按时间

nkoocmlb1#

下划线是绝对定位的，但没有任何坐标，所以它显示的正是你的：after所在的位置。我建议给它left:0。另外，如果你想让它跨越你的a的宽度，而不是li的宽度，你应该把它改为a:after（而不是li:after），并把你的a设置为position:relative。例如：
第一个