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

图片按钮CSS

    博客分类：
  • HTML
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>
分享到：
| Button背景透明 搞成“山寨”链接
评论
发表评论

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

相关推荐

    图片按钮代码(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...

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