用css控制图片作按钮背景

代码如下,

 代码如下 复制代码

.input{width:100px;height:200px;}

.nnt_submit {
 border: solid 0px;
 padding-top: 2px;
 background-image: url(../skins/an_submit.png);
 height: 26px;
 width: 84px;
}

只要我们在input的class等.nnt_submit这里按钮就变得非常漂亮,上面的例子就是图片作按钮背景

时间： 2024-09-13 08:35:23

用css控制图片作按钮背景的相关文章

CSS控制图片代码:让网页图片自适应大小

文章简介:CSS控制图片代码:让网页图片自适应大小. 图片自动适应大小是一个非常常用的功能,在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制,我们可不可以用CSS控制图片使它自适应大小呢? 我们想到了一个比较简单的解决方法,虽然不是非常的完美,如果您的要求不是非常高,已经可以满足你的需要了.我们看下面的代码: div img { max-width:600px; width:600px; width:expression(document.body.clientWidth>600

用CSS控制图片自适应大小的方法

css|控制|自适应 网页制作技巧实例解决:用CSS控制图片自适应大小 图片自动适应大小是一个非常常用的功能,在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制,我们可不可以用CSS控制图片使它自适应大小呢? 我们想到了一个比较简单的解决方法,虽然不是非常的完美,如果您的要求不是非常高,已经可以满足你的需要了.我们看下面的代码: div img { max-width:600px; width:600px; width:expression(document.body.client

CSS控制图片大小-适应宽度_经验交流

不知道家有没有遇到过这样的情况:在CSS控制图片大小时,如果把图片的宽度写死,比如 img{width:500px;} ,固然,如果图片宽度大于500px可以很好的控制它不让它过大,但如果图片宽度小于500px,比如说只有100px时,刚才的写法会把这张图扩大5倍显示,显然,这不是我们想看到的.     那么,CSS如何可以区分对待这些图片设置大小呢?很简单,请看:  复制代码 代码如下: img{width:expression(this.width>500?"500px":t

如何用CSS控制图片自适应大小？

图片自动适应大小是一个非常常用的功能,在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制,我们可不可以用CSS控制图片使它自适应大小呢? 我们想到了一个比较简单的解决方法,虽然不是非常的完美,如果您的要求不是非常高,已经可以满足你的需要了.我们看下面的代码:  代码如下 复制代码 div img {  max-width:600px;  width:600px;  width:expression(document.body.clientWidth>600?"600px&qu

CSS控制图片使它自适应大小代码

图片自动适应大小是一个非常常用的功能,在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制,我们可不可以用CSS控制图片使它自适应大小呢? 下面就为你提供两种方法,我个人推荐第一种方法 方法一 CSS控制图片大小代码 <style type="text/css"> img { border:0; margin:0; padding:0; max-width:200px; width:expression(this.width>200?"200px

CSS控制图片自适应Div大小

  CSS让图片自适应Div大小,对宽度执行CSS的expression指令,这个指令会在客户端被执行,当用户最大化显示窗口或缩放窗口时控制图片按比例适应Div宽度的大小.以下来看完整的示例代码如下:   浏览器窗口最大化后可看到图片自适应的效果,请替换IMG标签中的图片地址为一个有效的图片地址,以便查看效果.

100分求助一个关于 css控制图片缩放的问题。

问题描述 .imageimg{max-width:100px;width:expression(this.width>180?"100px":this.width);max-height:150px;height:expression(this.height>150?"150px":this.height);overflow:hidden;}小弟我用这个样式可以让图片自动缩放,但是就是其中几个图片变得特别小只有28*32大小..哪位xdjm能够帮忙下,到

CSS控制图片透明

css|控制|透明 IE和FF都通用;但不知道合不合标准;管他呢;能用就行了!呵呵;  HTML代码<style>body{ font-size:12px;}#top{position:absolute;}#top a img{-moz-opacity:0.5; filter:alpha(opacity=50);border:0px;}#top a:hover{font-size:9px;}#top a:hover img{-moz-opacity:0.5;filter:alpha(opaci

CSS控制图片、表格、背景颜色渐变示例

CSS Filter 是 IE 特有的技术,其他浏览器均不支持,所以为了最大的兼容性及标准化,应尽量避免为 IE 单独使用 Filter,如需要其某些特效,应同时考虑其他浏览器, 图片渐变   复制代码 代码如下: <img src="..." width=400 height=300 style="FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=50,finishX=100,startY=50,fi