WordPress网站菜单栏红色小圆点教程。我们经常可以在一些app或者网页见到新消息提醒的红色小圆点,非常的简洁且醒目。
对于大多数站点,我们是每日一更或数更,我们完全可以使用小圆点放在我们的导航菜单上,提醒访问者最近有文章更新的是哪一个分类。
效果演示
实现教程
在主题根目录下的style.css底部添加以下代码即可
.n-mark{
position: absolute;
background-color: #f16b6f;
top: 20px;
left: 1px;
width: 10px;
height: 10px;
border-radius: 100%;
}
- background-color:背景颜色(网上找颜色代码就行)
- top:离顶部距离
- left:离左边距离
可自行调整相关参数。
1.本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:duhaomu@163.com,我们将第一时间处理!
2.资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。
3.所有资源仅限于参考和学习,版权归原作者所有,更多请阅读网站声明。