请教怎么把这里的文字改成点击图片跳转到某链接

[pioupiou108]

<h2 class="first"><a href="#" tj="kz11" rel="nofollow">精品推荐</a>
</h2>

<dl><dd><ul>
<li><a rel="nofollow" href="http://boke112.com/bkml/325.html" target="_blank">PP红包</a></li>
<li><a rel="nofollow" href="http://boke112.com/bkml/326.html" target="_blank">天天钱庄</a></li>
<li><a rel="nofollow" href="http://boke112.com/bkml/327.html" target="_blank">熊猫赚钱</a></li>

这样子的一段源码，想改成点击“PP红包”的一张图片，然后链接到某网站上去。这张图片还要有个鼠标移动到上面出现“下载”这样的效果。

[<?php?>]

<h2 class="first"><a href="#" tj="kz11" rel="nofollow">精品推荐</a>
</h2>

<dl><dd><ul>
<li><a rel="nofollow" href="http://boke112.com/bkml/325.html" target="_blank"><img src="http://img.pphongbao.com/public/images/index-header-phone.png" title="下载" style="width: 78px;height: 60px;"></a></li>
<li><a rel="nofollow" href="http://boke112.com/bkml/326.html" target="_blank">天天钱庄</a></li>
<li><a rel="nofollow" href="http://boke112.com/bkml/327.html" target="_blank">熊猫赚钱</a></li>