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

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

你可以在那里添加以下风格。

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

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

希望它可以帮助你：）

动画下划线Css导航菜单博主

1 个答案: