内容简介：

效果图片：

Ripro主题菜单分类美化--添加角标

将下面代码添加到网站主题 自定义CSS样式代码

/* 分类角标 */
.dream{
       display: inline-block;
       transform: translateY(-12px);
       font-size: .75rem;
       letter-spacing: 0.05em;
       background: linear-gradient(to top, #b4b1ef, #e21fc7 7.56%);
       color: #ffffff;
       border-radius: 1rem;
       padding: .15rem .275rem;
       line-height: 1;
       font-weight: bold;
      }

.new {
     display: inline-block;
     transform: translateY(-12px);
     font-size: .75rem;
     letter-spacing: 0.05em;
     background: linear-gradient(to top, #f308a0 0%, #fb0655 100%);
     color: #ffffff;
     border-radius: 1rem;
     padding: .15rem .275rem;
     line-height: 1;
     font-weight: bold;
    }

将下面代码添加到外观—菜单—导航标签

<span class="dream"> Hot</span>
<span class="new"> 新</span>

两种显示样式，可根据自己的款进行选择！

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
  • 本站名称：追梦人博客
  • 本站永久地址：https://www.dreamren.cn
  • 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系在线客服进行删除处理
  • 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责
  • 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
  • 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新
  • 如果您喜欢本站，♥点这儿开通会员资助本站
  • 如遇软件内有加群提示，为修改者自留，非本站信息，注意鉴别
  • 这些信息可能会帮助你了解本站：

SVIP会员 关于我们 网址导航 标签云