html鼠标悬停超链接（头像、文字）显示提示信息

在超链接中加上一个title，双引号里面是要显示的信息，我的代码里${param.username}是EL语句，可以替换成你要添加的任何或者删掉

在<·a> <./a>中间可以添加任何你要设置的悬停，超链接、图片等等

<a href="#" title="${param.username}的个人中心" 
		style="text-decoration:none"><img src="D:\图片\yes.jpg"></a>	

头像：

头像的css
.head-img {
    	width: 40px;
    	height: 40px;
    	background-color:#efff;padding: 3px;
    	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    	margin: 0 auto 10px;
    	box-sizing: border-box;
    	border-radius: 50%;
    	}  
    .head-img img {
    	display: block;
    	width: 40px;
    	height: 40px;
    	border-radius: 50%;
    	} 

在body中插入示例

<div class="head-img">
		<div style="position: absolute; top: 30px; right: 70px; width: 100px; text-align:right;">
		<a href="#" title="${param.username}的个人中心" 
		style="text-decoration:none"><img src="D:\图片\yes.jpg"></a>		
    	</div>
    	</div>

这是设置头像位置在右上角，将top改成bottom则是右下角，right改成left设置为左

<div style="position: absolute; 
top: 30px; right: 70px; width: 100px; text-align:right;">