‘壹’ CSS如何设置按钮背景图片
我也遇到过这个问题,看下面的:
..button{
background-image:url("***.jpg");
}
按钮上不出现图片
..button{
background-color:blue;
background-image:url("***.jpg");
}
这样设置终于显示背景图片了
我就是这样无意中发现的
‘贰’ div+css布局中的怎么设置设置按钮的背景图片
你可以用<input type="image" src=" "/>,src属性填入指定的按钮图片路径
‘叁’ css特效中如何使按钮背景图片改变
那要看你想怎么改了,最基础的改变方法
.div:hover{背景图}
‘肆’ css按钮:ACTIVE点击切换背景图片
<!DOCTYPEhtml>
<html>
<head>
<style>
#btn{background:red;}
#btn:hover{background:blue;}
</style>
</head>
<body>
<inputid="btn"type="button"/>
</body>
</html>
经验证是可以的,或许是你的图片路径不对,不过ie6不支持伪类:hover属性,所以如果要兼容ie6就用js或者,用a标签来代替吧
‘伍’ 如何给HTML中的button按钮添加背景图片,图片不止一个,可以先看一下要求实现效果,注意:是两种颜色
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
‘陆’ 有一个button,我给它设置了一张背景图片,button有value值,用CSS怎么调整使value值位于图片下方
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<styletype="text/css">
button{
background-image:url("seo.jpg");
background-repeat:no-repeat;
}
#text{
position:absolute;
top:30px;
}
</style>
</head>
<body>
<buttonstyle="width:100px;height:100px;"><spanid="text">拍照</span></button>
</body>
</html>
seo.jpg是你的背景图片,当然图片的尺寸要合适,然后就是button的value值,当然了,我是这样写的,<button style="width: 100px;height: 100px;"><span id="text">拍照</span></button>,这样将要显示在button上的值这样写在标签外,给他加个<span>元素,就可以用CSS控制它的位置了,不知道,我这样理解,符合你的要求不?
不懂,继续问我。
希望能够帮助到你,望采纳!
‘柒’ css按钮背景图片不显示
应该是图片路径不对,具体参考以下代码
<style>
.zzjs_net {
font: 12px Tahoma, Verdana;//设置文字大小、字体
padding: 0 5px;//设置间距
color: #D3E0E7;//文字颜色
background-image: url("/img/2010bu.gif");//背景图片路径
background-repeat: repeat-x;//横向不重复
background-position: 0 50%;
outline: 1px solid #D3E0E7;
border: 1px solid #FFF !important;//边框
height: 19px !important;//高度
border: 1px solid #D3E0E7;//边框
height: 21px;//高度
line-height: 17px;//行度
}
</style>
<input class="zzjs_net" type="submit" name="rulesubmit" value="同 意" style="height: 23px">“同意”按钮
<input class="zzjs_net" type="button" name="return" value="不同意" style="height: 23px">“不同意”按钮
‘捌’ html 如何给button设置背景图片的同时设置按钮的背景色
这个可以用css来实现:background:url('imgurl')里面放图片地址,如果还想同时显示背景,需要用透明的PNG图片,如果不想图片重复显示需要设置背景不重复:background-repeat:no-repeat; 然后用background-color:red;设置按钮的背景颜色。下面例子是简写
<inputtype="button"style="background:url(./aa.png)no-repeatcenterred;width:200px;height:200px;">