`
joerong666
  • 浏览: 411135 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

按钮用css图片化

CSSXHTMLHTML 
阅读更多

<!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>
<style type="text/css">
.btn
{
 background-image:url(出行常识.gif);
 width: 61px;
 height: 20px;
 cursor: hand;
 border-style: none;
 background-color: transparent;
 color: Black;
}
</style>
</head>

<body>
<input name="btn" type="button" class="btn" />
</body>
</html>

分享到：
| CSS的At-Rules@规则
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    自己写的一个png图片按钮效果，用css sprite，支持ie6

    而一般背景又会用图片或渐变，那么按钮状态的图片我们又要用到透明的图片，有gif和png，很明显png能显示更多样化的效果。 迎合三种状态、png与ie6的问题、支持css sprite、及按钮还有自己的不同状态底图

    CSSPeeper可视觉化网站CSS样式表

    CSSPeeper是一款专为设计师量身打造的可视觉化网站CSS样式表检查插件 CSSPeeper插件使用方法 1.CSS Peeper插件的安装方法非常简单，在本站或者官网都可以下载CSS Peeper插件，离线安装CSS Peeper插件的方法参照：...

    Firefox浏览器插件Firebug和CSS减肥工具CSS Usage(清理无用CSS样式的CSS精简工具)

    第一步，我们需要安装Firefox30,不能...如果我们一直使用 Auto Scan功能的话,我们的Scan次数也是在累积的,比如我们从首页到博文目录、再到图片、最后到达关于我，每一次页面跳转，CSS Usage 都会自动增加页面的扫描次数

    《CSS全程指南》随书光盘

    之后本书又着重讨论如何使用DIV结合CSS来搭建网站，同时也介绍了CSS在Dreamweaver中的应用。并且对于在CSS制作过程中遇到的Bug进行了详细的分析。 本书适合初、中级网页设计爱好者阅读参考。 第1篇 新手上路 第1章 ...

    H5+CSS3.zip

    使用标签添加图片，使用标签添加链接，使用table添加表格，使用thead、tbody、tfood定义表格； 表单标签：使用创建表单，文本输入框，密码输入框，数字输入框，网址输入框，邮箱输入框，创建文本域，单选框，复选框...

    CSS网站布局实录 （第二版）PDF版

    4.1 用CSS设计网站导航 4.1.1 横向导航 4.1.2 纵向导航 4.1.3 下拉及多级弹出式菜单 4.1.4 门户网站的导航设计(闪客帝国) 4.2 背景控制 4.2.1 背景颜色 4.2.2 背景图片 4.2.3 背景定位 4.2.4 背景滚动 4.2.5 背景...

    css--实验报告.doc

    打开CSS样式面板双击新建的那个文件，单击确定按钮，，用相同的方法设 置BODAY的字体和方法。 4 、设计#header对象部分。包括logo#logo和导航#nav.网页logo部分是一个中间栏 固定，左右栏自适应的结构，并在...

    基于HTML+CSS实现的可交互照片墙Web页面.zip

    主题部分为网格化布局照片，使用空白作为网格线。在正常计算机浏览器上每行显示 4 张图片，默认初始有 12 张图片。在平板电脑（宽度小于 1024px 大于 690px）浏览器上每行显示 3 张图片。 详细介绍参考：...

    H5 CSS3笑脸表情开关按钮滚动切换代码.zip

    纯CSS3实现个性化笑脸表情开关切换按钮DEMO演示&lt;/title&gt; &lt;link rel="stylesheet" href="css/style.css?3.1.64"&gt;  &lt;/head&gt; &lt;body&gt;[removed][removed] &lt;div class="switch off"

    10 款提高开发效率的 jQuery CSS3 组件

    CSS3个性化多级下拉菜单 CSS3立体动感进度条 HTML5实时动态数据图表 jQuery垂直文字新闻滚动插件totem jQuery带事件记录的多功能日历 jQuery仿百度贴吧图片切换插件 jQuery图片切换多种过渡效果 jQuery图片悬浮按钮...

    HTML_CSS学习笔记.docx

    6.11. &lt;input&gt; submit类型：提交按钮 27 6.12. &lt;input&gt; reset类型：重置表单信息 28 7. CSS3介绍 29 8. CSS3选择器 29 9. CSS3的继承、优先级&重要性 29 10. CSS3字体样式 29 11. CSS3文本样式 29 12. CSS3盒模型 29...

    web前端(html+css+js)简单的仿原神官网静态项目

    简单的前端小项目，偶然找到的大一时写的作业 使用了html+css+js 仅实现了部分功能：轮播图，... 如,当我们点击摸个按钮,想要弹出窗口,或者修改背景图片,或是其他行为,都可以有自己定义这个行为,这就是网页的动态化。

    零基础学HTML CSS源代码

    style1.css 名为style1的CSS样式文件。 style2.css 名为style2的CSS样式文件。 style3.css 名为style3的CSS样式文件。 第16章（源代码\第16章） 示例描述：本章演示字体属性用法。 间距与间隔....

    12款实用的HTML5干货分享.zip

    CSS3可视化网页编辑器 基于tinymce编辑器.rar CSS3垂直图标菜单 带Tooltip提示框.rar CSS3多样式小图标按钮 带分享按钮.rar CSS3实现一款联系表单 输入框带小图标.rar HTML5 3D立方体旋转动画.rar HTML5_CSS3图片...

    基于html的猜数字游戏设计（html+js+css）

    1.css样式设计 2.html常规的可视化界面，显示输入框和提交按钮 3.js控制生成的随机数与输入的数字比较 4.根据相比的结果提示并显示相应的图片 5.猜测次数默认是6次，6次没有猜中则为游戏挑战失败，点击重新开始按钮...

    HTML5 CSS3带去色滤镜效果的画廊插件.rar

    HTML5 CSS3带去色滤镜效果的画廊插件特效，这是一个应用特效，使用本滤镜插件后，用户的鼠标在图片列表中滑动时，图片由黑白变为彩色，单击后图片在当前页最大化显示，右上角有关闭按钮，这个插件还可以让图片产生...

    12款实用的HTML5干货分享

    CSS3可视化网页编辑器-基于tinymce编辑器 CSS3实现一款联系表单-输入框带小图标 HTML5 3D立方体旋转动画 HTML5_CSS3多颜色柱状图表-带基准数据线 HTML5_CSS3图片描述效果-文字描述浮动在图片上 HTML5_CSS3牙刷动画-...

    js做的点击当前页面按钮弹出一个层，类似于淘宝网页面图片预览，很漂亮

    js做的点击当前页面按钮弹出一个层，类似于淘宝网页面图片预览，很漂亮,里面的js和css文件都在里面，直接拷贝就可以用了，非常方便

    音乐播放器的按钮图片

    自己ps的音乐播放器图片，有向左，向右，暂停，播放，窗口关闭，窗口最大化，窗口还原，设置，导入等图标

    基于HTML+CSS实现可交互照片墙【100011944】

    主题部分为网格化布局照片，使用空白作为网格线。在正常计算机浏览器上每行显示 4 张图片，默认初始有 12 张图片。在平板电脑（宽度小于 1024px 大于 690px）浏览器上每行显示 3 张图片。在手机（宽度小于 690px）...

Magicbox
Global site tag (gtag.js) - Google Analytics