input button如何用图片做背景???

 我来答
floyd_x
推荐于2018-07-28 · TA获得超过286个赞
知道答主
回答量:58
采纳率:100%
帮助的人:68万
展开全部
网上很多例子,主要是通过CSS实现,或者用图片代替button,如下:

CSS样式中这么写
#button1_search{
background:url(../Images/searchpic.gif);
height: 20px;
width: 50px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
cursor:pointer;
}

前台:
<input id="button1_search" style="height: 20px; width: 50px;" type="submit" value="" name="button1_search" >

或者更简单的:<input type="image" name="imageField" src="Images/zwss.gif" />

另外对于图片作为button,为了突显点击效果,可以在onmousedown的时候触发切换到另一张图片,onmouseup的时候再换回来,效果不错的

参考资料: http://hi.baidu.com/happyday777/blog/item/b003538100dd63d5bd3e1ec5.html

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式