导航菜单添加“hot“图标

AI摘要
Deepseek提供支持

近期有许多小伙伴问我怎么给站点导航添加一个“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,就可以看到站点显示的图标了。
更多方法,后续我会陆续更新。

广告
广告图片
温馨提示 : 非特殊注明,否则均为©李联华的博客网原创文章,本站文章未经授权禁止任何形式转载;来自:未知·未知 ,欢迎您的访问!
文章链接:https://www.lilianhua.com/add-a-hot-icon-to-the-navigation-menu.html
请先登录才能参与答题
距本场结束剩 00 00 00 00
轻量应用服务器 2核2G
200M峰值带宽,适用于网站搭建、Web应用、容器环境、电商独立站等
立即前往
扫码进入
扫描二维码购买
文澜千文

文澜千文

请登录以使用此功能。

|
比比赞(BIBIZAN)粗粮消化饼干无蔗糖1.002kg整箱早餐代餐饱腹办公室休闲零食品 比比赞(BIBIZAN)粗粮消化饼干无蔗糖1.002kg整箱早餐代餐饱腹办公室休闲零食品
弹窗图片

Linux AI

记不住繁琐的Linux参数?让AI为你精准检索!输入你的需求,一秒锁定标准命令,彻底告别搜索引擎的冗长翻找。

Loading...
OpenClaw

OpenClaw 龙虾

AI AGENT GATEWAY
在您的服务器部署 OpenClaw,打造专属极速 AI 助手。
零门槛一键部署环境
支持 QQ/飞书/微信 渠道
跨平台指令分发执行
立即安装