导航菜单添加“hot“图标

近期有许多小伙伴问我怎么给站点导航添加一个“hot”图标,但是我在网上搜都是新奇白怪的,然后我发现了一个很好且实用的方法:

将以下代码放入外观–自定义–额外css:

.menu-item.hot::after {
 background-color: red;
 color: rgb(255, 255, 255);
 content: "热";
 font-size: 10px;
 line-height: 1;
 position: absolute;
 right: -1px;
 top: 12px;
 border-radius: 3px;
 padding: 1px 3px;
}

然后打开菜单栏–css(可选)–输入hot,就可以看到站点显示的图标了。
更多方法,后续我会陆续更新。

©️李联华的博客网 当前IP地址:3.233.242.67,欢迎您的访问!

温馨提示 : 非特殊注明,否则均为李联华的博客原创文章,本站文章未经授权禁止任何形式转载
文章链接:https://www.ooize.com/add-a-hot-icon-to-the-navigation-menu.html

订阅文章

在下面输入您的电子邮件地址以订阅我们的文章

订阅
提醒
guest

0 评论
内联反馈
查看所有评论
Loading...