当鼠标悬停在单词(用于导航栏)上时,我会尝试创建一个粗大的下划线。但是我注意到下划线比单词长得多&单词和下划线之间有很大的差距。如何才能使下划线与单词的长度相同(类似于text-decoration: underline)并且间距较小。
下面是我的代码和结果的图像。
nav > ul > li:hover > a {
border-bottom: 2px solid #F117B4;
text-decoration: none;
}
这是导航栏的完整代码。
nav { font-family: Open Sans Condensed; letter-sp
我有一个网站,我在当地工作,其中包含一个固定的导航栏和下面的高度为500px的html5视频元素。导航栏中的菜单项看起来像是字体粗细减小或某种类型的-webkit- font -平滑:问题,但只有当视频滚动经过导航栏时,字体才会恢复到正确的粗细。
这只在chrome中发生,在Safari中也发生过,但设法用font:100%;解决了这个问题。
如有任何帮助或建议,我将不胜感激,因为我整天都在寻找答案。非常感谢。
我买了这个用于网络使用,但“可变系统”不工作。下面是css:
/* this part was given by the site where I bought the font so the problem certainly does not come from there */
@font-face {
font-family: 'AventaVariable' ;
src: url('aventa.eot') ;
src: url('aventa.eot?#iefix') format(