文章置第一条信息添加new图标

作者: 来源:本站原创 点击数: 发布时间:2022年06月07日

问题分析:文章置第一条信息添加new图标。

问题描述:

0b4f5e8086134367811c223b88fe35e0.png

问题解决:可以在css中添加“new”,在该节点对应page-zp.css中添加以下代码

cf946a9d304e4086b8c46a283edab2b7.png

.newsList li.first a{ display:inline-block}
.newsList li.first a:after{content:'new';display:block;width: 30px;height: 20px;line-height: 18px;text-align:center;background:#c00;color:#fff;float:right;font-size: 13px;margin-top: 12px;margin-left: 10px;}

693bc0da5d714445847016dbc4be8ed9.png

添加完成后保存即可。