通知图标右上角数字提示

最新推荐文章于 2024-01-29 16:39:40 发布

林间风雨

最新推荐文章于 2024-01-29 16:39:40 发布

阅读量616

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/jack_rose_me/article/details/107253609

版权

CSS 专栏收录该内容

41 篇文章 2 订阅

订阅专栏

通知图标右上角数字提示

<img src="${ctx}/images/layout/notice.svg" class="noticeSvg"/>
<div class="redBackgroup">
   <span>9998</span>
</div>

.redBackgroup {
    height: 18px;
    text-align: center;
    vertical-align: middle;
    background: #ff4d4f;
    border-radius: 10px;
    color: #fff;
    position: relative;
    top: -12px;
    left: -22px;
    padding: 3px 6px;
    max-width: 60px;
}