css按钮一张图片

转载 2011年01月24日 16:45:00

<!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" />
<title>按钮--一张背景图</title>
<link href="buttonDesign00.css" rel="stylesheet" type="text/css" />
</head>

<body>
<form id="form1" name="form1" method="" action="http://www.divcss5.com/" target="_blank">
<input type="button" class="btn46" value="Submit" onMouseOver="this.style.backgroundPosition='left -73px'" onMouseOut="this.style.backgroundPosition='left top'" />
</form>
</body>
</html>

css设置:在一张图片上加载另一张图片

使用z-index; 如: #A #B{ display:none; } #A:hover #B { display:block; position:relative; ...
  • shikong12wei
  • shikong12wei
  • 2017年11月14日 21:55
  • 104

CSS文字或图片悬浮于另一张图片上,大小宽度适配手机的!

上面是HTML布局,下面是CSS样式 .clearfix { float: none; clear: both; } .header { position: relative; width...
  • t000818
  • t000818
  • 2013年12月02日 16:22
  • 3980

css样式实现整个页面背景使用一张图片

现在很多网站的小图标都是共享的
  • baidu_18607183
  • baidu_18607183
  • 2014年08月19日 15:29
  • 1042

css 按钮设置为自定义背景图片

很多人提交表单时都喜欢用一个图片来作为提交按钮,大多数人可能用JS去操作表单的提交, 即当用户点击这个图片时响应一个JS来提交表单.其实还有一种方法, 就是直接设置SUBMIT按钮的图片背景.设置...
  • XinTeng2012
  • XinTeng2012
  • 2015年03月25日 09:29
  • 2750

CSS样式对一张包含很多小图片的背景图片 进行分隔处理 得到其中一张图

在开发中我们会见到这种现象,一张背景图片中有包含很多小图标,有时候我们只需要其中的某一个,这就需要我们利用css中的 background-position:参数1 参数2 属性控制背景图片的显示位置...
  • kpchen_0508
  • kpchen_0508
  • 2015年08月18日 15:22
  • 3014

一个很漂亮的按钮样式 纯css

呵呵,凤凰网上发现的.样式表如下:#comment_buttons input{ margin-left:50px;width:68px;height:21px;color:#054ea8;font-...
  • greenerycn
  • greenerycn
  • 2007年06月17日 22:05
  • 4806

css实现对背景图片的定位,获得一张图片上不同位置的内容

实现这个小技巧也不是新鲜事。使用CSS的背景属性,实现对背景的定位,这样就可以根据需要取出不到的图像位置实现只读一次,多处使用。 实现起来不难,最根本的代码就是:background-position...
  • saiya_kwok
  • saiya_kwok
  • 2009年02月03日 14:47
  • 2274

设置按钮背景图片(HTML-CSS)

设置按钮背景图片(HTML-CSS) 转自:http://hanxin0311.iteye.com/blog/418573 很多人提交表单时都喜欢用一个图片来作为提交按钮,大多数人可能用JS去操作...
  • anyqu
  • anyqu
  • 2011年11月03日 14:53
  • 20998

css3交替翻板式旋转2张图片

css3交替翻板式旋转2张图片 *{margin:0;padding:0;} #box{width:200px;height:200px;border:1px...
  • kongjiea
  • kongjiea
  • 2015年05月21日 14:06
  • 1947

使用:target实现点击按钮切换图片的功能(纯CSS)

今天使用CSS中的:target选择器来实现点击按钮切换相对应的图片的demo,此demo也可以使用JS来实现。 demo的结构: img1 img2 img3 img4 ...
  • u014395826
  • u014395826
  • 2017年01月21日 22:14
  • 1421
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css按钮一张图片
举报原因:
原因补充:

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