CSS按钮背景鼠标放上去变换背景的代码怎么设置?

html-css030

CSS按钮背景鼠标放上去变换背景的代码怎么设置?,第1张

假设你的按钮的class是btn，两个背景图片分别是bg1.jpg和bg2.jpg，那么可以这样来做\x0d\x0acss部分：\x0d\x0a.btn {background:url(bg1.jpg)}\x0d\x0a.btn:hover {background:url(bg2.jpg)}\x0d\x0a\x0d\x0ahtml部分就很简单了，给input加个样式就行\x0d\x0a\x0d\x0a\x0d\x0a使用这个样式时别忘了先把input的默认样式，那些padding、margin、border什么的都清零，然后再定义一下宽高，这样出来的视觉效果会好些。

css使鼠标移到div上显示手型主要通过cursor:pointer属性实现，具体操作如下：

1、在html中添加一个div，指定div的宽，高，背景。

2、运行html文件，将鼠标放到div上默认显示的是箭头形状。

3、给div添加css属性cursor:pointer。

4，运行html以后将鼠标放到div上会显示手型。