WP主题导航菜单添加角标 WordPress主题美化

效果预览

一、添加角标

在菜单中添加以下代码

<span class="badge corners">推荐</span>

二、添加CSS样式

.badge {
    font-weight: 500;
}
.corners { background: linear-gradient( 25deg, #cc1af9 10%, #2074cf 70%, #edc788 100%); color: #fff; transform: translate(-25px,-19px) scale(.85); margin-right: -56px; width: 3.8rem; font-size: .95rem; border-radius: 28px; }