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>