动画下划线导航菜单博客

Question

我想强调悬停页面按钮。 我该如何将这些代码调整到我的博客页面列表中？

.top-nav .PageList { 
 
    list-style: none; 
 
    padding: 0; 
 
    
 
    & > li { 
 
    display: inline-block; 
 
    
 
    & ~ li { 
 
     margin-left: 1em; 
 
    } 
 
    } 
 
    
 
    a { 
 
    color: #666; 
 
    text-decoration: none; 
 
    
 
    &:focus, 
 
    &:hover { 
 
     color: #CF000F; 
 
     
 
     &:after { 
 
     opacity: 1; 
 
     width: 100%; 
 
     } 
 
    } 
 
    
 
    &:after { 
 
     margin: 0 auto; 
 
     content: ''; 
 
     display: block; 
 
     border-top: 1px solid; 
 
     border-top-color: inherit; 
 
     width: 0%; 
 
     opacity: 0; 
 
     transition: .25s;

这里是我的博客

https://ubuntuvpssupport.blogspot.com

Answer 1

博客提供主题设置。转到主题设计器，然后转到左侧面板中名为“高级”的选项卡。在此高级选项卡中，最后一个选项是“Add css”，您可以在其中添加任何自定义样式。

您可以在那里添加以下样式。

a:hover, .action-link:hover {text-decoration: underline}

您也可以参考指导这里 https://support.google.com/blogger/answer/176245?hl=en

希望它可以帮助你:)