css增加新消息小红点样式

Qbit 2021-05-19 PM 176℃

demo代码

显示效果

微信截图_20210519170756.png

html

<span class="span">
  发现
  <i class="tip"></i>
</span>

css

.span {
	position:relative;
	padding:5px;
}
.tip {
	display:block;
	background:#f00;
	border-radius:50%;
	width:8px;
	height:8px;
	top:0px;
	right:0px;
	position:absolute;
}
标签: css 小红点

非特殊说明,本博所有文章均为博主原创。

上一篇 centos安装配置mariadb数据库
下一篇 没有了