本文更新于: 2021年1月21日
在菜单里加<small>推荐</small>
然后在前台通过CSS查到我们的small,用CSS对其定位，在你的style.css底部添加以下代码：
红色
黄色
蓝色
.primary-menu small {display: inline-block;-webkit-transform: translateY(-12px);-ms-transform: translateY(-12px);transform: translateY(-12px);font-size: .75rem;letter-spacing: 0.05em;background: #188ef4;background: -webkit-linear-gradient(legacy-direction(to right), #6454ef 0%, #316ce8 100%);background: -webkit-gradient(linear, left top, right top, from(#6454ef), to(#316ce8));background: -webkit-linear-gradient(left, #6454ef 0%, #316ce8 100%);background: -o-linear-gradient(left, #6454ef 0%, #3021ec 100%);background: linear-gradient(to right, #6454ef 0%, #3021ec 100%);color: #ffffff;border-radius: 1rem;padding: .15rem .275rem;line-height: 1;font-weight: bold;}- 一键复制
|
1 |
黄色
.primary-menu small {display: inline-block;-webkit-transform: translateY(-12px);-ms-transform: translateY(-12px);transform: translateY(-12px);font-size: .75rem;letter-spacing: 0.05em;background: #f9e1be;background: -webkit-linear-gradient(legacy-direction(to right), #efd3b0 0%, #f9e1be 100%);background: -webkit-gradient(linear, left top, right top, from(#efd3b0), to(#f9e1be));background: -webkit-linear-gradient(left, #efd3b0 0%, #f9e1be 100%);background: -o-linear-gradient(left, #efd3b0 0%, #f9e1be 100%);background: linear-gradient(to top, #efd3b0 0%, #f9e1be 100%);color: #ffffff;border-radius: 1rem;padding: .15rem .275rem;line-height: 1;font-weight: bold;}- 一键复制
|
1 |
如果你用的是B2主题，可以直接替换为：（前面#号复制记得去掉）#.top-menu-ul small{
本文链接：Click here to view the current URL
声明：本站为个人非盈利博客，资源均网络收集且免费分享无限制，无需登录。资源仅供测试学习，请于24小时内删除，任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集。请支持正版！如若侵犯了您的合法权益，可联系我们处理。
