Html中 鼠标悬浮在图片上它怎么显示出图片 title不是只能显示字体吗 不太懂？

用title当然不行，要用js+css才能实现，下面是个例子：

<img src="https://iknow-base.bj.bcebos.com/zhimatuanhuodong/XNRL-qb.png" onmouseover="pic2.style.display='block'" onmouseout="pic2.style.display='none'" />

<img id="pic2" src="https://gss0.bdstatic.com/7051cy89RcgCncy6lo7D0j9wexYrbOWh7c50/zhongqinglv/banner/270X140.jpg" style="display:none" />

这个并不是title图片, 是favicon图标，可以通过下面代码实现

<link rel="shortcut icon" type="image/x-icon" href="ico图片位置" />

注意：

1、图标文件名必须是favicon.ico

2、favicon.ico文件必须放到网站的根目录下

<img src="01.jpg" border="0" title="这里是关于图片的介绍，鼠标移动到片上会出现的效果。"/>

alt 标签也可以放文字内容，这是搜索引擎判断图片与内容是否相关的依据。

title 标签是关于图片的介绍内容，鼠标移动到图片上会出现一个内容标签，放不了HTML代码。

效果如下：

---