1.after和hover的使用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
#ii{
width:100px;
height: 100px;
border-radius:100%;
border:5px solid navajowhite;
margin-left:200px;
text-align:center;
}
#ii::after{ /* 创建伪元素content中添加内容 */
content:"猴王";
font-family: '宋体';
position:relative;
top:40px;
}
#ii:hover{ /* 鼠标移入改变背景颜色 */
background-color: pink;
}
</style>
</head>
<body>
<div id="ii"></div>
</body>
</html>
2.z-index的使用 (数值大的在上)