高手给个实例吧。我写的如果是定义了按钮的背景色就看不到上面的图片了。

用input 标签实现的。？

楼主是说文字旁边的小图标是吧。
background:url(小图标路径) left top no-repeat #按钮背景色；
这样不行吗？

没有成功呀。给个源码好吗？

<input name="imageField" type="image" src="图片路径" onFocus="this.blur()" border="0" alt="提示" border="0">

用input 可以
你先把input的高和宽 设置到 图片中按钮所示那么大
然后
input的样式选择器{border:2px solid #666;background-color:#ccc;
background-image也就是你的按钮图片);
background-position:-Xpx -Ypx;/*这里你可以控制背景图片的位置 */
}
颜色不保证一样，请自己选取颜色！

<style> body{background:#333;color:#fff;} .btnA,.btnB{border:none;width:150px;height:28px;margin:5px;cursor:pointer;} .btnA{background:url('http://www.boolome.com/images/s.jpg') -9px -8px no-repeat;} .btnB{background:url('http://www.boolome.com/images/s.jpg') -9px -44px no-repeat;} </style> <input type="button" class="btnA" onclick="alert('A');" /><br /> <input type="button" class="btnB" onclick="alert('B');" />
 提示：您可以先修改部分代码再运行

[ 本帖最后由 fonqing 于 2008-6-29 19:38 编辑 ]

咔咔，加上cursorointer好一点