纯css 构造的tip

css部分：

<style>
  .abc{
margin-top:20px;
}
span{
position:relative;
display: inline-block;
background: red;
}
span:hover{
cursor:pointer;
}
span:hover:before{

content:attr(data-abc);
background-color: #2085c5;
border-radius: 3px;
color:#fff;
padding