当前位置:首页 » 背景图片 » css按钮背景图片
扩展阅读
电脑版热血江湖的图片 2024-11-07 22:27:03
男人崩溃卡通图片 2024-11-07 22:20:54
广告牌图片大全 2024-11-07 22:19:46

css按钮背景图片

发布时间: 2022-04-16 10:47:11

⑴ css中怎么修改“列表/菜单”的按钮的背景图片如下图

1、如果你用的是默认的 下拉框。这个箭头的样式 跟浏览器的版本有关。版本不同样式就不一样。

2、如果你要用自定义的图片的话,恐怕有些困难。

3、你还可以 使用“模拟下拉框的方式”。

⑵ div+css排版添加按钮背景图片,在不同浏览器显示不同

<input type="button" value="" style="width:100px; height:20px; border:0; background-image:url(图片地址);" />

必须得设置border:0这一项。我一直是这么用的,不知道你的用法是啥。

⑶ 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标签来代替吧

⑷ css特效中如何使按钮背景图片改变

那要看你想怎么改了,最基础的改变方法
.div:hover{背景图}

⑸ div+css布局中的怎么设置设置按钮的背景图片

你可以用<input type="image" src=" "/>,src属性填入指定的按钮图片路径

⑹ CSS如何设置按钮背景图片

我也遇到过这个问题,看下面的:
..button{
background-image:url("***.jpg");
}
按钮上不出现图片
..button{
background-color:blue;
background-image:url("***.jpg");
}
这样设置终于显示背景图片了

我就是这样无意中发现的

⑺ CSS 代码中background 背景图片里 如何设置按钮。

<astyle="background:url();display:block;width:800px;height:400px;"></a>

就是把链接块级化,设置大小,然后设置背景图片,自然整张图都可链接

⑻ CSS给按钮设置透明背景图有一圈灰色边框

input{
width:200px;
height:125px;
background:url("button.png");
border:0;/*加上这行*/
}

⑼ 如何设置按钮背景图片

很多人提交表单时都喜欢用一个图片来作为提交按钮,大多数人可能用JS去操作表单的提交,即当用户点击这个图片时响应一个JS来提交表单.其实还有一种方法,就是直接设置SUBMIT按钮的图片背景.设置它的图片背景有二种方法,一是直接在按钮中设置,如下:
<input type="submit" name="submit_button" value="" style="background:url(imagepath) no-repeat" />
这种设置方法在FF下可见,但是在IE下不可见,不知道为什么.反正我测试时IE下是不可见的,换成这样也不行:background-image\backgroundimage;
另一种方法就是用CSS来设置,实现方法如下:
<style type="text/css">
.submitStyle {background:url(imagpath);border:0px}
</style>
这种方法是比较好的,因为在IE或FF下都能正常显示.

⑽ 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">“不同意”按钮