Question

css怎么设置鼠标变背景

Answer 1

CSS定义鼠标滑过导航菜单，背景可以是CSS定义的纯色，也可以是丰富色彩图案的图片，文裤并御字则是胡岩实实在在的，但它无法做到又酷又炫，但其优点是更利于搜索优化和CMS中使用。

来看一个简单实例，就是给a:hover(鼠标悬停)加一个背景颜色，如下图：

试下，鼠标移动到“导航菜单”文字上就可以看见黄色背景，移开鼠标又没有了，但是只有文字下面才有背景，不是想要的效果，选择显示方式为块，如图：

这样是不是就可以显示出一大块来了，但不规范，而且鼠标只有移动到文字上才会触发背景切换，可以给a标签一个宽高定义来实现，然后再去掉项目符号，定义li元素的宽高，文本纵横居中，这样是不是看上去就更美观了呢，如图：

当然，这只是个很简单的实例，以便制作出更完美的导航菜单来：

li标签的定义

行高与蔽答文字颜色设置

行高主要是相对于li元素来说，如果li元素的高度为30像素，那么设置30像素的行高文字正好横向居中。

背景设置

这里可设置也可以不用设置，关键在于文字是否带上超链，如果带超链，这里所设置的背景就无法看到，所以可以不用设置;但是如果文字没有带超链，这里的背景就有必要设置。

文本对齐和显示方式

文本对齐选择居中，也就是纵向居中，在导航菜单中横向和纵向文字都居中比较好看，显示方式最好选“块”，这样更利于视觉。

宽和高设置

宽度和高度的设置是让多个li元素的块显示更平均，更好看。

另外，假如编辑的导航菜单是横向导航，还需要将浮动设置成为左对齐，要是纵向导航就不需要设置了。

li a标签的设置

文字颜色和链接时的显示样式

文字颜色可以按自己喜欢的方式去选择，修饰我们选择无，因为超链在默认情况下是带下划线的，选择无也就没有下划线了。

背景设置

这里的背景是文字带上超链时的背景，可以是图片。

显示方式

显示方式我们也选择块，如图不选择块，那么背景只会显示文字下面那一小块，其他的都是默认的颜色。

宽高度与浮动设置

设置宽度和高度的好处是鼠标只要移到li元素块上就可以触发，如果没选，鼠标的触则需要移到带超链的文字上才会有效果。浮动可以不用设置。

li a:hover标签设置

字体颜色

这里设置的字体颜色只有当鼠标悬停时才会显示出来。

背景设置

同样，这里设置的背景颜色或者图片也是只有当鼠标悬停时才会表现出来。

Answer 2

举例子说明：
比如：<input value="按钮" type="button" style="background-color: Transparent;" onmouseover="this.style.backgroundImage='url(1.jpg)'" onmouseout="this.style.backgroundImage='url(2.jpg)'"/> 关键的地方有三个：
一是：style="background-color: Transparent;"这里是设置按钮默认风格的，background-color: Transparent，意思是镇察高把背景颜色设为透明，这是一定要的，否则在不同的浏览器中，把图片设为按钮背景有可能是显示不出来的。这里还可以定义的风格，比如，宽度：width:120px; 高度：height:30px; 字体颜色：color:#ffffff; 背景图片：background-image:url(图没逗片); 等之间用;号隔开。
二是：onmouseover="this.style.backgroundImage='url(1.jpg)'"表示当鼠标移入时，背景图片设置为1.jpg这张图，可以在url()的括号中指定具体图片地御尺址和名称。
三是： onmouseout="this.style.backgroundImage='url(2.jpg)'" 表示当鼠标移出时，背景图片设置为2.jpg，这也是在url()中指定具体的图片。这只是一种简单的写法，更多的应该多了解js和css。
以上是鼠标变背景的写法。

Answer 3

本文介绍css怎么设置鼠标背景

材料/工具
Dreamwear 8

方法此烂型：
使用CSS :hover 伪类可以达到这个效果。
用法：
a:hover 选择器用于选择鼠标指针浮动在上面的元素。
1）、a:hover 选择历袭器可用于所有元素，不只是链接;
2）、a:link 选择器设置指向未被访问页面的链接的样式;
3）、a:visited 选择器用于设森猜置指向已被访问的页面的链接;
4）、a:active 选择器用于活动链接。
！！注意：在 CSS 定义中，:hover 必须位于 :link 和 :visited 之后(如果存在的话)，这样样式才能生效。
例如：
/*当鼠标悬浮到div上方时，将背景颜色更改为黄色*//
div{background-color:grern;}div:hover{ background-color:yellow;}

Answer 4

你是需要敬慧鼠标经过的时候的背液稿消景色变化吧？
一般是通过css的闹知伪类实现的
a：hover{/*鼠标经过的时候*/
background: red;

}

Answer 5

这个慎裂卜是给背景元素加hover效果，源毁比如元素A是要改变的背景，A：hover{background:想改宽穗的背景色}。