WordPress网站美化之菜单栏小圆点教程

WordPress网站菜单栏红色小圆点教程。我们经常可以在一些app或者网页见到新消息提醒的红色小圆点,非常的简洁且醒目。

对于大多数站点,我们是每日一更或数更,我们完全可以使用小圆点放在我们的导航菜单上,提醒访问者最近有文章更新的是哪一个分类。

效果图

WordPress网站美化之菜单栏小圆点教程

教程

在主题根目录下的style.css底部添加以下代码即可

.n-mark{
position: absolute;
background-color: #f16b6f;
top: 20px;
left: 1px;
width: 10px;
height: 10px;
border-radius: 100%;
}
  • background-color:背景颜色(网上找颜色代码就行)
  • top:离顶部距离
  • left:离左边距离

可自行调整相关参数。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索