Question

HTMl,请问如何为一个按钮添加图片

<img src="images/login_09.gif" name="Image1" width="46" height="35" border="0" id="Image1" onMouseOver="MM_swapImage('Image1','','images/login_09_1.gif',1)" onMouseOut="MM_swapImgRestore()"> 图片是这样的把这个图片设计为按钮 <input type="submit" value="login" name="method"> 按钮是像上面一样的,我想他们结合在一起

Answer 1

试试这个
<input type="image" src="images/login_09.gif" name="Image1" width="46" height="35" border="0" id="Image1" onMouseOver="MM_swapImage('Image1','','images/login_09_1.gif',1)" onMouseOut="MM_swapImgRestore()">

Answer 2

<style>
.method{ width:100px; height:100px; border:0; background:url(images/login_09.gif); cursor:pointer;}
</style>
<img src="images/login_09.gif" name="Image1" width="46" height="35" border="0" id="Image1" onMouseOver="MM_swapImage('Image1','','images/login_09_1.gi',1)" onMouseOut="MM_swapImgRestore()">
<input type="submit" value="login" id="method" name="method" class="method" onMouseOver="MM_swapImage()"; onMouseOut="MM_swapImgRestore()">
<script>
function MM_swapImage(){
    document.getElementById("method").style.backgroundImage="url(images/login_09_1.gi)";
    }
function MM_swapImgRestore(){
    document.getElementById("method").style.backgroundImage="url(images/login_09.gif)";
    }
</script>

Answer 3

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<button>标签中，加入样式代码：style="background: url(small2.png);width:150px;height:60px"。

3、浏览器运行index.html页面，此时按钮被成功添加了图片。

Answer 4

你就干脆用DW添加一个。再看看代码写什么。不就会了吗