给表单按钮添加背景图片

原创 2013年12月04日 09:52:42

闲着无聊就个写了一个关于button背景图片的demo,纯粹是写得好玩,希望大家不要见笑

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script src="lib/jquery-1.6.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(
	function(){
	
	}
);

</script>
<style type="text/css">
#icon_center{
	background-image:url(img/save.gif);
	background-repeat :no-repeat;
	font-size:12px;
	color:#000099;
	padding-left:18px;
	width:52px;
	text-align:right;
}
</style>
<title>无标题文档</title>
</head>

<body>
	<input id="icon_center" icon='icon-save' type='button' value='保存' >
	background-image:url(img/save.gif);//设置按钮的背景图片<p>
	background-repeat :no-repeat;//北京图片不重复出现<p>
	font-size:12px;//按钮字体的大小为12px<p>
	color:#000099;//按钮字体的颜色为#000099<p>
	padding-left:18px;//左内补丁为18px<p>
	width:52px;//按钮的宽度为52px<p>
	text-align:right;//按钮显示的字体靠右对其<p>
</body>
</html>

 

备注:这里的CSS样式一定要和其他的属性一起配合,否则效果看不出来

 

C#(winform)为button添加背景图片

转自:http://www.cnblogs.com/zhangchenliang/p/4335372.html 1.既然是添加背景图片     所以这里应该使用 Button....
  • theoldfuture
  • theoldfuture
  • 2017年08月07日 17:33
  • 684

给FileUpload按钮添加背景图片

给FileUpload添加背景图片,其实不是直接添加。虽然可以设置FileUpload的CSS样式。但却无法做到设置上传控件的那个按钮(比如给这个上传按钮添加图片)。VS并没有提供现成的属性。所以想想...
  • sanjiawan
  • sanjiawan
  • 2011年09月05日 17:15
  • 2109

【Java源代码】如何在按钮上添加图片背景

new ImageIcon(这里放入图像文件的路径) //此为创建一个对象 getIconWidth() //设置图像宽度 getIconHeight() //设置图像长度还有更多的对图片的...
  • u012220174
  • u012220174
  • 2013年09月23日 17:38
  • 3800

如何给input中的submit按钮加背景图片

代替submit按钮的图片代码格式是
  • u011426341
  • u011426341
  • 2014年10月18日 22:28
  • 2349

给超链接加背景图片

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> Css代码 .aa...
  • lsfhack
  • lsfhack
  • 2017年04月08日 08:33
  • 251

android中自定义Button,设置不同背景图片。

转载请注明出处   1、自定义MyButton类 public class MyButton extends Button { //This constructormust be  publ...
  • nosxcy
  • nosxcy
  • 2011年08月19日 22:52
  • 19503

MFC 基础知识:对话框背景添加图片和按钮Button添加图片

很长时间没有看MFC相关的知识了,我大概是在大二时候学习的MFC相关知识及图像处理,现在由于要帮个朋友完成个基于C++的程序,所以又回顾了下相关知识。的确,任何知识一段时间过后都比较容易忘记,但回顾起...
  • Eastmount
  • Eastmount
  • 2015年04月27日 02:41
  • 9868

【WPF】Button按钮添加背景图片

按钮背景图片
  • qq_18995513
  • qq_18995513
  • 2017年01月10日 09:14
  • 4214

WPF学习笔记——为BUTTON添加背景图片

首先肯定,代码:
  • leftfist
  • leftfist
  • 2014年05月28日 20:51
  • 9785

HTML中为button添加背景图片

      当给页面的button进行重新定义样式的时候,有一点需要注意,就是如果使用background-imge来将图片作为按钮的背景的时候,如果同时你为按钮的border也设定了宽度和颜色,你会...
  • guilin_gavin
  • guilin_gavin
  • 2008年04月25日 13:22
  • 17215
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:给表单按钮添加背景图片
举报原因:
原因补充:

(最多只允许输入30个字)