HTML按鈕圖像

Question

我有這樣的代碼<input type="submit" value="Register" /> 如何插入

<img src="http://i.imgur.com/m9KT9CQ.png" 
onmouseover="this.src='http://i.imgur.com/T9hpI23'" 
onmouseout="this.src='http://i.imgur.com/m9KT9CQ.png'"/> 

到這個按鈕？謝謝！

Answer 1

看看這個鏈接

http://screwdesk.com/how-to-create-html-rollover-image-button-using-css/

基本上這個CSS

a.btn { 
display: block; 
width: 294px; 
height: 87px; 
cusror: pointer; 
background-image: url(rollover-image-button-1.png); 
text-indent: -9999em; 
} 
a.btn:hover { 
background-image: url(rollover-image-button-2.png); 
} 

Answer 2

使用此代碼：

<button type="submit"> 
 
    <img src="http://i.imgur.com/m9KT9CQ.png" onmouseover="this.src='http://i.imgur.com/T9hpI23'" onmouseout="this.src='http://i.imgur.com/m9KT9CQ.png'"/> 
 
</button>