<style type="text/css"> 
#div1 {position:relative; width:200px; height:150px;margin: 2px auto 0;  }

#div1 a {position:absolute; top:0px; left:100px; font-family: Microsoft YaHei; color:#fff; font-weight:bold; text-decoration:none; padding: 1px 2px; } 


#div1 a:hover {border: 1px solid #eee; background: #000; }

#div1 .blue {color:blue;}

#div1 .red {color:red;} 

#div1 .yellow {color:yellow;}

#div1 .green {color:green;}

#div1 .ff {color:#3B3B3B;}

#div1 .ed {color:#556B2F;} 

#div1 .ye {color:#B23AEE;}

#div1 .green {color:green;}

#div2{ 
position:relative;
 width:160px; 
height:150px;
margin: 2px auto 0; 

background-image:url(https://img06.tooopen.com/images/20160720/tooopen_sy_170955256876.jpg);

}
 </style>