HTML如何在网页中做出红色小气泡显示数字

1.制作思路

1. 放一个标签i在指定容器中，根据定位子绝父相来移动小标签的位置
2. 如果父元素已经是绝对定位了，也一样可以用
3. 为什么用i标签，i看起来像icon，一般都用i做小图标了

2.解析代码

1. 注意一定要left，这样当你气泡中的数字很大的时候才会往右移
2. 注意行高会继承父元素的行高，所以要重新设置行高，不然气泡中的数字会掉下去
   
3. padding是数字距离气泡边界的左右距离
4. border-radius设置 左上，右上，右下，左下的圆角，当圆角是盒子高度一半时，就会呈现一个圆弧。

.count {
  position: absolute;
  top: -5px;
  left: 105px;
  height: 14px;
  line-height: 14px;
  color: #fff;
  background-color: #e60012;
  padding: 0 5px;
  border-radius: 7px 7px 7px 0;
}