div+css怎么给文字做个背景,背景当鼠标放上去后就显示?

如题所述

补充我刚才的回答: 加点代码,让这个效果看起来比较好点: <a style="cursor:hand" onmouseover="vbscript:document.all.a.style.background='ff0000'" onmouseout="vbscript:document.all.a.style.background=''" id=a>文字</a>
温馨提示:内容为网友见解,仅供参考
第1个回答  2014-06-22
<a onmouseover="vbscript:document.all.a.style.background='ff0000'" onmouseout="vbscript:document.all.a.style.background=''" id=a>文字</a> 用这个代码,没问题的!

鼠标放在div上时,文字会显示出来
1、新建html文件,在body标签中添加一个div标签,div标签里面嵌套一个p标签,然后添加p标签内容,这里以“演示文本”为例:2、在head标签中添加style标签,然后在style标签中给p标签设置预先显示样式,预先是先不显示的,所以给p标签设置的属性代码是“p {display: none; }”;再给div设置宽和高,这里...

CSS DIV 怎么做出来鼠标移动上就显示其内容?
1、新建html文档,在body标签中添加一个div标签,然后在div标签中添加p标签,为p标签添加内容:2、为了方便演示,给div标签设置宽高和背景颜色,然后给p标签设置“display”属性,属性值为“none”,这样p标签中的文字默认情况下不会显示:3、给div设置hover伪类,当鼠标移动到div区域时,设置p标签的样式...

css鼠标放着显示介绍怎么操作css中鼠标放上去显示
5.在css标记中,定义类名为mydiv的div的样式,并将其宽度设置为200px,高度设置为200px,背景颜色设置为黄色。6.最后用css将div的光标属性值设置为指针,也就是将鼠标移到div上显示手型。html怎么实现鼠标放在文字上显示文字?1、方法一,利用html特性,每个标签都有一个title属性。当鼠标hover在该标签...

div+css 鼠标移到图片上显示文字内容?
1、首先输入:<!DOCTYPE html> <html> <head> <meta charset="utf-8" \/> <title>鼠标悬停图片上显示文字 在线演示 www.divcss5.com<\/title> <style> img{border:0}\/* css 注释说明:设置图片边框为0 *\/ body{behavior:url("csshover.htc");text-align:center;}\/* css注释说明:兼容ie6...

如何设置鼠标滑过文字时文字背景改变?
设置鼠标滑过div时背景变色。给bg样式类添加鼠标滑过:hover,然后设置鼠标滑过时的背景颜色。如图 代码: .bg:hover{ background-color: burlywood; } 实用浏览器打开。保存好html后使用浏览器打开,在鼠标没有滑过div时背景是红色的,当鼠标滑过div的时候背景从红色变为了棕色。、所有代码,可把所有代码...

CSS 怎样让文本框里的字超过字数后,可以缩略显示变成点,当鼠标移上后...
<div style="width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis">大连一号仓库一号一号<\/div> 鼠标移上去,,你可以用TIPS来显示,或者用title来显示就可以了,这样不会影响布局,

css+div html 鼠标滑过div里的内容变样式?
1、先在找个文件夹创建文件index.html。2、然后用能编辑文本文件的软件打开index.html,index.html的初始内容如图。3、接着编写两个样式作为鼠标移动时div修改的样式。4、然后编写js代码修改div的样式。5、编辑完index.html后保存,在浏览器中打开index.html。效果如图。鼠标移入移出div时,div的样式改变...

css里有没有办法把文字设为背景啊?
一、把文字做成图片,然后将图片作为背景。当然这样的话文字是没办法动态生成的。二、把文字层作为底层,上层放内容。举个例子:.page{ width:100px;height:100px;position:relative;} .textbg{ position:absolute;left:0px;top:0px;width:100px;height:100px;z-index:-1;color:#999999;} <div ...

如何用CSS,将文字隐藏在图片之下,然后将鼠标移到图片上就会浮现出来,下 ...
block}<\/style><div class="box"> <div class="img">这里放图片<\/div> <div class="txt">这里放文字<\/div><\/div><div class="box"> <div class="img">这里放图片<\/div> <div class="txt">这里放文字<\/div><\/div><div class="box"> <div class="img">这里放...

CSS中如何让鼠标经过时显示背景图片
通常可以使用css样式的 :hover 选择器, 如示例div1。也可以使用js来控制css样式,用js可以灵活加入其它效果(延迟显示、随机背景图), 如示例div2。示例代码:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document<\/title><style>.d1{width: 150px;height: 150px;}....

相似回答
大家正在搜