WordPress网站美化之菜单栏小圆点教程
由老白博客@老白转载自网络的WordPress网站菜单栏红色小圆点教程。我们经常可以在一些app或者网页见到新消息提醒的红色小圆点,非常的简洁且醒目。对于大多数站点,我们是每日一更或数更,我们完全可以使用小圆点放在我们的导航菜单上,提醒访问者最近有文章更新的是哪一个分类。
一、效果演示
![](https://www.xcbtmw.com/wp-content/uploads/2023/07/7c10d-61fc99c72ab3f51d91121538.jpg.webp)
二、实现教程
在主题根目录下的style.css底部添加以下代码即可(转载自恩月阁,原文https://www.nuue.cn/701.html)
.n-mark{
position: absolute;
background-color: #f16b6f;
top: 20px;
left: 1px;
width: 10px;
height: 10px;
border-radius: 100%;
}
- background-color:背景颜色(网上找颜色代码就行)
- top:离顶部距离
- left:离左边距离
可自行调整相关参数。
三、相关美化
14619
7059
13080
更多的点击文末标签或者分类阅读吧!