html 显示消息数量,html实现消息按钮上的数量角标的实例详解

这篇文章主要介绍了html在消息按钮上增加数量角标的实现代码,需要的朋友可以参考下

html代码：

消息4

css代码：/*角标 */

.ii{

display: none;

background: #f00;

border-radius: 50%;

width: 20px;

height: 20px;

top: 5px;

right: 0px;

position: absolute;

text-align: center;

color: #FFF;

z-index: 99999;

}

js代码：

实现效果：

【相关推荐】

1. HTML免费视频教程

2. Html完成异步上传文件的Jquery代码实例

3. 对HTTP Headers知识点的图文说明

4. Html5 datalist标签详解以及与后台数据的动态匹配

5. 分享一个超全面的HTML、CSS知识点总结