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>