先来一张效果图吧:鼠标放上去变蓝
首先:样式很简单的
css代码:.Monitor_info {
width:18px;
height:18px;
line-height:18px;
font-size:14px;
color:#fff;
text-align:center;
background-color:#BCDBEA;
border-radius:50%;
}
.Monitor_info:hover{
background-color:#0092ff;
}
引用更简单了:只要有这 Monitor_info这个class属性就行
后面的问题也可以换成数字,再改下颜色就OK了,就可以作为数量提示框
注:此处的方法可能会与某些大佬的方法相同或相似,请见谅!但不是抄袭。css小白-自我研究的。