类似淘宝、微信,信息的小点点代码,案例如下
css 样式
.spot{
position: absolute;
left: 60%;
top: -8px;
color: #fff;
text-align: center;
font-weight: normal;
font-size: 12px;
font-family: 宋体;
width: 16px;
height: 16px;
line-height: 16px;
background: #ff2233;
border-radius: 50%;
z-index: 990;
}
em{
font-style:normal;
}
.topspot{
position: relative;
text-align: center;
}
html 代码
<div><a href="#" class="topspot">
<em class="spot" >1</em>
</a>
</div>