`
xudongcsharp
  • 浏览: 477109 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

图片按钮CSS

    博客分类:
  • HTML
阅读更多
<!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>
分享到:
评论

相关推荐

    图片按钮代码(js+css)

    本资源“图片按钮代码(js+css)”提供了一种使用JavaScript和CSS结合实现的图片按钮解决方案。以下将详细解释如何利用这两种技术来创建动态、吸引人的图片按钮。 **JavaScript代码**: JavaScript 是一种客户端脚本...

    CSS3游戏首页动画按钮,CSS3动画按钮

    这些图片可以通过CSS的`background-image`属性引入,增加按钮的视觉吸引力。 **5. 应用场景** 这样的CSS3动画按钮非常适合游戏官网,能够吸引用户注意力,增加点击率。同时,它们也适用于活动专题页和落地页,为...

    CSS按钮时尚代码实现

    使用`background-color`和`background-image`可以设定按钮的基本色或背景图片,而`linear-gradient`则可创建从一种颜色平滑过渡到另一种颜色的渐变效果。这为我们提供了无尽的色彩搭配可能,以满足不同网页设计的...

    css 给图片加上播放按钮 js 特效

    给图片加上播放按钮! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net

    自适应宽度的CSS圆角背景的按钮

    本文将深入探讨如何使用CSS实现自适应宽度的圆角背景按钮。这种技术允许按钮根据其内容自动调整宽度,同时保持其设计的一致性和美观性。 首先,我们需要理解CSS中的圆角属性`border-radius`。这个属性用于给元素的...

    css漂亮的多图片按钮样式

    本教程将深入探讨如何利用CSS创建美观且功能丰富的多图片按钮样式,为用户界面增添吸引力和互动性。 首先,我们需要了解CSS的基本结构,它由选择器、属性和值三部分组成。例如,我们可以为一个`&lt;button&gt;`元素设置...

    12个超赞的CSS按钮,绝对的震撼

    8. 图片与背景图片:通过background-image属性,可以将按钮设计为包含图片的样式,如使用SVG图标或纹理图像。 9. 动画效果:CSS3的animation属性可以创建复杂的动画效果,例如按钮按下时的缩放、旋转等,增强交互...

    CSS3实现的点击按钮背景图片不断切换的JS代码

    2. **CSS样式**:定义按钮的基本样式,包括初始背景图片。然后使用CSS3动画定义图片切换序列,可以设置多个关键帧,每个关键帧对应不同的背景图片。 3. **JavaScript逻辑**:添加事件监听器到按钮,当按钮被点击时,...

    圆角的图片按钮样式表含CSS,漂亮的按钮

    本项目提供了一种使用CSS实现的圆角图片按钮的样式表,旨在创造美观、大方的设计效果。下面我们将深入探讨如何通过CSS实现这样的按钮,并结合提供的资源文件进行应用。 首先,CSS(层叠样式表)是网页设计中用于...

    css 放射光按钮样式

    为了保证兼容性,可以使用渐变图片(通常为PNG或SVG格式)作为背景,或者使用渐变生成工具(如CSS-Tricks的渐变生成器)生成针对旧版IE的滤镜代码。 5. jQuery.selectui-master: 提到的压缩包文件名`jquery....

    css 按钮菜单样式

    例如,当鼠标悬停在按钮上时,背景图片的透明度会逐渐变化,创造出动态的视觉效果。 为了实现这个效果,我们可以创建一个CSS类,如`.fade-in-out`,并定义以下样式: ```css .fade-in-out { background-image: ...

    css3滑动图像面板图片切换css3 动画图片切换

    例如,点击下一图片按钮时,可以更改当前显示图片的索引,然后更新相应的CSS动画。 ```javascript var slider = document.querySelector('.slider'); var images = slider.querySelectorAll('img'); var ...

    图片加播放按钮(含切换图片播放按钮)

    2. 使用CSS对图片和按钮进行布局,确保按钮定位在合适的位置,并设置相应的样式。 3. 编写JavaScript代码,监听按钮的点击事件,当点击按钮时,切换图片的显示,实现播放或暂停的效果。 4. 如果有多张图片需要切换,...

    css+js图片水平滚动带控制按钮

    这个"css+js图片水平滚动带控制按钮"的资源正提供了这样的功能,它结合了CSS样式和JavaScript脚本,为网页开发初学者提供了一个实用的解决方案。 首先,我们来看CSS在其中的作用。CSS(Cascading Style Sheets)是...

    纯css3带动画效果的左右滑动按钮

    【纯css3带动画效果的左右滑动按钮】是一种利用CSS3特性实现的交互式设计,主要用于创建具有平滑动画和视觉吸引力的开关按钮。在现代网页设计中,这种按钮常用于用户界面,如设置选项、开启/关闭功能等。CSS3作为...

    初学css制作的按钮变色

    本教程将针对初学者,详细讲解如何使用CSS来实现按钮在鼠标悬停时的颜色变化效果。 首先,我们要理解CSS选择器的基本概念。选择器是CSS用来定位HTML元素的工具,比如`&lt;button&gt;`标签就是一个常见的HTML元素。在我们...

    jQuery css3带缩略图按钮控制图片淡出淡进效果

    在这个项目中,“jQuery css3带缩略图按钮控制图片淡出淡进效果”是一个典型的结合了两者功能的应用,主要用于创建一个交互式的图片展示系统。下面将详细介绍这个效果的实现方式以及涉及的技术知识点。 首先,...

    用CSS制作带图标的按钮

    本文将深入探讨如何使用CSS来创建具有图标的按钮,这在现代网页界面设计中是非常常见且实用的技巧。 首先,我们了解一个基本的HTML按钮元素的结构。一个简单的按钮可以由`&lt;button&gt;`标签创建,如: ```html 点击我 ...

    好看的CSS按钮(兼容IE6)

    总结来说,"好看的CSS按钮(兼容IE6)"意味着我们需要使用一些旧的CSS技巧和图片资源来创建在IE6上也能显示良好的按钮。这包括使用PNG图片模拟渐变和圆角,以及使用特定的IE滤镜来实现渐变效果。同时,HTML结构和CSS...

Global site tag (gtag.js) - Google Analytics