input button如何用图片做背景???
1个回答
展开全部
网上很多例子,主要是通过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的时候再换回来,效果不错的
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
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询