html中有一個標簽，直接給文字添加一個a標簽 ；比如：

關于我們

a標簽默認的鼠標放上去就是一個手指的樣式，或者你也可以用cursor: pointer;這個給他設置一下，cursor還有其他的屬性可以使用

方式有多種

這里提供兩個簡單的案例，

一、使用圖片標簽按鈕

<input name="submit" type="image" src="圖片存放路徑" />

二、使用button按鈕，為之加上圖片樣式

<input type="submit" name="button" id="button" value="" />

為按鈕加上樣式

#button{

background:url(圖片存放路徑) no-repeat;

width:100px;

height:50px;

border:0px;

cursor:pointer;

}

三、在a標簽里加上圖片，呈現出圖片按鈕的效果

<a href='#' taget="_blank"><img src="圖片存放路徑" alt="這是個圖片按鈕" /><a/>

你用一個DIV，background-image樣式設置為放大鏡圖片，然后設置position:relative或者absolute，以及left和top樣式，讓這個DIV疊放于input的相應位置即可。