- cloudcone
-
那个……你没给 <span> 设置颜色啊……
hover不会覆盖已经设置了的颜色,所以 a:hover 是影响不到 a>span:hover 的
另:中文页面别设置 lang 为 en。
1.我们希望在导航条中实现这样的效果, 当鼠标移动上去时,会出现一个图片或者下划线等。
2.在CSS样式表中编程时,若设置<li></li>中line-height为30px,而底层的表框大小为height:40px的话,a.hover实现的效果会在上下端各有5px的空白间距,或者在底层的表框大小为height:30px时出现图2的效果,视觉效果较差。
3.,因此,为达到1步骤的效果,在设置<li></li>中line-height为40px的同时,还需要设置标签a中line-height的属性,同样设置line-height为40px。
4.在标签a.hover标签中设置图片的次要属性为 center no-repeat(中间无重复),若没有此项命令,则图片的显示效果如下图。
5.CSS文件保存好后,在DW8软件中关闭,通过FTP工具上传到域名对应的空间中CSS文件所在的根目录。
6.FTP上传完成后,在帝国CMS后台“数据更新”处更新首页即可在浏览器查看网页效果。
- 皮皮
-
题主解决这个问题了吗?
关于CSS 中a和a:hover起到什么作用?
a的作用是链接,点击<a></a>之间的内容,页面会跳转到链接的地址。直接设置它的颜色,比如,例子中a{color:#000;},意思是<a></a>之间的内容显示为黑色,如果不设置的话,浏览器默认的a链接的颜色是蓝色;a:hover属于css,它设置了当鼠标悬浮在链接内容之上时,链接内容的样式,比如,例子中a:hover{ color:#F00;},它设置了当鼠标悬浮在该链接内容上时,链接内容变成红色。扩展资料:总结几个a的伪类:a:link 英文link就是链接的意思,代表当一段文本为链接时的属性。a:visited 英文visited就是访问过的意思,代表这段文本被点击之后的属性。a:hover 英文hover就是悬停的意思,代表鼠标指针放在这个链接上时的属性。a:active 英文active就是有效的、快速的意思,代表鼠标按下时一瞬间的属性。一般最常用的方法是a {CSS属性} a后面什么也没有,代表一次定义这四个属性,然后根据需要再定义其中某个属性就可以了,最常用的是a:hover {CSS属性}参考资料:百度百科-CSS2023-07-22 16:39:381
在HTML中“a:link、a:visited、a:hover”分别表示什么意思?
1、a:link {color: #FF0000} /* 未访问时的状态 。2、a:visited {color: #00FF00} /* 已访问过的状态 。3、a:hover {color: #FF00FF} /* 鼠标移动到链接上时的状态。4、a:active {color: #0000FF} /* 鼠标按下去时的状态 。2023-07-22 16:39:511
你好 a:hover[属性:属性值]这个怎么做
:hover是css中的选择器,用于选择鼠标指针浮动在上面的元素。所以a:hover可用于设置当鼠标悬停在超链接之上时超链接的样式。示例如下:在Html代码中给出一个超链接<a href="#">我是一个超链接。</a设置鼠标悬停的css样式a:hover{ color:red; /*设置颜色为红色*/ font-size:20px; /*字体变大*/ text-decoration: none; /*去掉下划线*/观察显示效果默认样式鼠标悬停样式2023-07-22 16:39:581
a:hover 怎么放进 行内样式表style=" " 里 不用js的
不用js放进你只能提前写好额2023-07-22 16:40:085
如何CSS的a:hover完成替换背景图片?
css代码:a:hover{background-image:url(图片2);color:red;}2023-07-22 16:41:405
这个是有下划线 a:hover{text-decoration:underline;} 怎么叫鼠标移上去有下划线?
<html><style>a:link{text-decoration:none;}a:visited{text-decoration:none;}a:hover{text-decoration:underline;} </style><body><a>移上来看看</a></body></html>将以上内容保存为.html文档 在浏览器下运行试试看吧。2023-07-22 16:42:453
鼠标移动到标签上面,改变背景颜色,使用a:hover没用,这是为什么?
为什么要加javascript,,不加试试,还有后边那些代码2023-07-22 16:43:234
dreamweaver cs3中 #nav后面加和加 a:hover是什么意思 a:visite
#nav后面加 a:hover指的是给#nav对应标签内部的链接部分进行样式设置(a:link定义鼠标未指向链接时的样式;a:hover定义鼠标悬浮在链接上时的样式;a:active 定义鼠标点击链接时的样式;a:visited 是定义访问过后的链接元素的样式。)2023-07-22 16:44:051
如何在HTML中a:hover中添加背景图片
a:hover{display: inline-block;/*不会换行,但是能像div那样设置宽高*/background-image:url("可以是本地,也可网络的图片");}2023-07-22 16:44:142
a:hover怎么用?
"#"+"控件id" a:hover { background:red;}单个控件实现2023-07-22 16:44:244
a:hover改变字体颜色,再点击后怎么保持这个颜色
.main_nav a:visited{color:#fff; background-color:#007eff}设置下访问后的样式还是这样。2023-07-22 16:44:321
为什么 a:hover 不起作用啊
在其前面再加上#nav ul li a:hover这样写才会有效的。因为前面的a 已经有了#nav ul li 的限制了。所以即使a:hover写在其后,也不能覆盖#nav ul li a的样式。2023-07-22 16:44:391
css里鼠标悬停变色怎么弄
hover的用法2023-07-22 16:45:196
网页代码中 a:hover 颜色效果不显示
可能有其他权重更重的样式,比如 span a:hover 之类的,这样a:hover权重太低不显示2023-07-22 16:46:291
清除某个制定div下a:hover
为这个div指定一个id或class<div id="ddd"></div>样式:#ddd a:hover{},里面样式覆盖全局的hover定义的样式2023-07-22 16:46:362
关于html a:hover
给a标签定义一个类名,再写样式例:a.link:hover{color: #666; text-decoration:none;}2023-07-22 16:46:432
css问题(什么可以代替a:hover 事件)
a:hover是CSS伪类,定义的是鼠标经过,而a标签定义的是纯粹的文本,所以无法在a标签的行内样式内定义a:hover,不过可以直接写在css文件里,如果你非要写在行内的话,可以用js实现。2023-07-22 16:46:543
html 按钮点击状态的如何改变 a:hover
这个你需要选中a标签的上一层来做hove动作不如代码中是<div id="mydiv"><a href="">报名登录</a><div>css代码则#div:hover{background:#ccc}另外你可能描述的有点问题点击变样属于js的动作了而hover是鼠标悬浮在上面的样式喜欢别忘记采纳亲!2023-07-22 16:47:111
a:hover 改变图片
改变的是背景图片,不是能改变<img>标签插入的图片:#blue1 a{ display:block;width:200px;height:150px; background-image:url(11111111111.jpg); /*链接默认显示背景图111111111*/}#blue1 a:hover {background-image:url(22222222222.jpg); /*当鼠标hover链接时显示背景图22222222*/}<a href="#" id="blue1">文字连接</a>2023-07-22 16:47:181
问一下简单的html A:hover问题,急急!
不应该设置全局的a.hover的!你可以用 *** a.hover{}这样。早早改回来~如果不想改的话,单独设置CSS 在你的font 里面写个CSSa:hover {text-decoration: none;color: #3300FF;background-color: #FFFFFF;text-align: center;display: block;height: 10px;width: 160px;padding-top: 4px;padding-bottom: 4px;}这些都改为你想要的就可以了。行内优先级别高2023-07-22 16:47:251
如何用js控制a:hover的样式?
js实现鼠标点击(非a:hover,a:link,a:visited,a:active)的样式切换效果 代码:function changeBg(link) { var alllinks=document.getElementById("mylink").getElementsByTagName("a"); for(var i=0;i<alllinks.length;i++){ alllinks[i].className="titlelink";//默认未点击时引用的样式 } link.className="titlelink_copy";//点击切换样式 }2023-07-22 16:47:343
想请问一下,怎样才能让CSS的a:hover{text-decoration:none}只对页面某一部分链接起作用。谢谢
把那部分链接放在一个容器内div啊ul表什么的 并给容器一个idcss写法改成 #容器id a:hover{text-decoration:none;}2023-07-22 16:47:432
关于html的超链接a,a:link,a:visited,a:hover这些是什么意思,麻烦简单讲下
a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */a:active {color: #0000FF} /* 被选择的链接 */2023-07-22 16:48:043
a:hover{ color:#00F;}是什么意思,怎么使用
a是html标签,代表链接,a:hover{ color:#00F;}代表当鼠标移动到链接文字上的时候,链接文字的颜色显示为蓝色2023-07-22 16:48:132
a:hover又没设置没下划线,实际效果怎么没有下划线呢?
a:link多a:hover有影响,不信的话你试下。2023-07-22 16:48:212
如何CSS的a:hover完成替换背景图片?
可以在hover伪类中用background或者background-image实现。例如:页面上有一个原本背景图为img1.png,当鼠标滑过则换为img2.png.在CSS中这样定义.div_style:hover{background:url("img2.png");//这是改变背景色background-repeat:no-repeat;//这是让背景色不平铺color:red;//这是让字体变为红色}或者用.div_style:hover{background-image:url("img2.png");//这是改变背景色background-repeat:no-repeat;//这是让背景色不平铺color:red;//这是让字体变为红色}2023-07-22 16:48:301
dreamweaver cs4如何设置多个a:hover样式?
你自己可以命名,比如 news a:link······2023-07-22 16:48:542
javascript如何为a:hover添加属性
hover就是鼠标放上去后,标签的样式,可以给a标签注册一个onmouseover和onmouseout事件,在事件处理函数中改变标签的样式。<a href="" id="aa">dsdfdsfdfsdfds</a><script>document.getElementById("aa").onmouseover=function(){document.getElementById("aa").style="color:red;";}document.getElementById("aa").onmouseout=function(){document.getElementById("aa").style="color:blue;";}</script>2023-07-22 16:49:021
a hover 怎么写
a:hover 写在css文件里2023-07-22 16:49:381
网页设计中的动态脸接中a:link a:visited a:hover a:active四种状态的含义是什么?
a:link 是指超链接正常的时候的状态a:visited 是超链接被点击以后的状态a:hover 是超链接鼠标经过状态a:active 是超链接激活状态这是4个css伪类 比如你希望在一个名为.rrcy类下面的链接颜色为红色那么就是这样.rrcy a:link{color:red;}2023-07-22 16:49:492
如何CSS的a:hover完成替换背景图片?
需要准备的材料分别有:电脑、浏览器、html编辑器。1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的<style>标签中,输入css代码:div{height: 80px; background: url(small3.png)}div:hover{background: url(small2.png)}。3、浏览器运行index.html页面,此时div显示的背景图片是small3.png。4、将鼠标移入div,此时背景图片自动变更成了small2.png。2023-07-22 16:50:051
如何清掉a:hover样式冲突
后面再写个a:hover{}的样式就可以覆盖前面的了。2023-07-22 16:51:523
dw css a:hover 但划过不变色?
同意楼上说的顺序, 还有a:hover 要FF或IE7及以上的浏览器才支持, IE6不支持2023-07-22 16:52:045
请问这段css代码里的A /A:link /A:visited /A:active /A:hover都是什么意思?
怎么一个节日过的把百度过穷了、??回答问题的人少了。a:link是连接后面的为活动连接连接访问和访问过的,当用到这条时,你可直接调用style里的这个连接属性:比如.shopu{a:linka:visiteda:activea:hover}你只需要在连接字的font属性里加上这样一句就行了:<fontcalss="shopu">首页</font>就可以实现你定的连接样试了其它的还多,如果你想学,看看书,和用dw做一个,很快的。给你一个例字:<sytle>body,td,th{font-size:12px;}a{font-size:12px;}a:link{text-decoration:none;}a:visited{text-decoration:none;}a:hover{text-decoration:none;}a:active{text-decoration:none;}.style1{color:#003366}body{margin-left:0px;margin-top:1px;margin-right:0px;margin-bottom:0px;}</style><table><tr><tdcalss="style1"><a...>我的例字</a></td></tr></table>这样就有效果了2023-07-22 16:52:202
为何a:hover点击以后才会出现hover设置的效果????是甚么问题
阅读器解释样式的时候会根据就近满足的原则优先解释最近的CSS样式, 你的a:hover放在了最后, 阅读器会优先满足a:link 请遵守在CSS中,如果对相同元素有针对不同条件的定义,宜将最1般的条件放在最上面,并顺次向下,保证最下面的是最特殊的条件的原则来进行定义 查看更多答案>>2023-07-22 16:52:301
a:hover怎样改变div型超链接的背景色
a标签应该写在div里面吧,另外你的样式我建议不要写在html代码里面,最好就分开,例如:<style type="text/css">//在这里通过你设置的id或class写css代码</style>2023-07-22 16:52:383
a:hover表示超链接文字在()时的状态。
a:hover表示超链接文字在()时的状态。 A.鼠标按下B.原始状态C.鼠标放上去D.访问过后正确答案:鼠标放上去2023-07-22 16:52:451
关于span里面的a:hover问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";><html xmlns=" http://www.w3.org/1999/xhtml";><head><meta http-equiv="Content-Language" content="zh-cn" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>#</title><style type="text/css">span{ display:none;}#a{ width:150px; height:auto; text-align:center; font-size:18px; position:relative;}#a a,#a a:visited{ border:1px white solid; display:block; padding:15px; text-decoration:none; color:black;}#a a:hover{ border:1px red solid; color:red;}#left { position:absolute; border-width: 8px; border-style: solid; display: block; border-color:white; border-left-color: #FF9966; width: 0px; height: 0px; font-size: 1px; top: 15px; left:5px;}#right{ position: absolute; border-width: 8px; border-color:white; border-style: solid; display: block; width: 0px; height: 0px; font-size: 1px; top: 15px; right: 5px; border-right-color: #FF9900;}#a a:hover span#intro{ border:1px silver dashed; position:absolute; top:0px; left:150px; background-color:silver; width:100px; height:auto;display:block;}</style></head><body><div id="a"><a href="#"><span id="left"></span>主页<span id="right"></span><span id="intro" class="span">这里是说明窗口</span></a></body></html>2023-07-22 16:52:521
a:hover 在行内样式中怎么写
先给含有这个超链接的块元素设置一个ID,比如:<span id="link"><a href="">文字</a></span>然后在css样式中定义:#link a:hover {样式内容}2023-07-22 16:53:111
div,ul,li,a等标签的css通常控制的是什么?
http://www.w3school.com.cn/tags/tag_ul.asp这里面所有的标签说的都很详细,可以看一下2023-07-22 16:53:236
HTML中a标签的hover属性设置为a:hover{ color:#F00; font-size:14px;},字体颜色没有改变,求原因?
需要看整体CSS代码才知道哪里有问题2023-07-22 16:53:392
为什么我点击之后才触发a:hover这个效果
不可能吧<a href="#">test</a>a{ color:red;}a:hover{ color:#000;}是肯定可以的2023-07-22 16:53:462
为什么并没有在a: hover中设置文字颜色和无下划线,但仍然包含了有: link效果?
a标签默认就带的特殊属性,如果不喜欢,一般在做网站的时候,都会在一开始就把a标签的属性设置为none,你可以这么写css a:hover { text-decoration:none;color:#你想要的颜色;}2023-07-22 16:53:543
html css 网页设计 a:link ,a:visited,a:hover, 怎么 添加行内样式
行内是无法使用伪类的,如果只是<head>内不可以修改,那么你可以在<body>里用JS加载一个CSS样式表或者直接用JS修改CSS样式表。2023-07-22 16:54:082
CSS里a:hover背景错位问题
给.song .button a,.song .mp3 a加上display: inline-block;2023-07-22 16:54:151
请问css的a:hover扩充问题?
as2023-07-22 16:54:232
css初始化中给a标签里面span标签设置了颜色,a:hover不起作用了?求解
那个……你没给设置颜色啊……hover不会覆盖已经设置了的颜色,所以a:hover是影响不到a>span:hover的另:中文页面别设置lang为en2023-07-22 16:54:301
把外联的a:hover写到内联里面应该怎么写?
类似这样<a style="color:#00F; text-decoration:none" onMouseOver="this.style.color="#F00";this.style.textDecoration="underline"" onMouseOut="this.style.color="#00F";this.style.textDecoration="none""> DIVCSS5</a>2023-07-22 16:54:481
HTML的A:hover样式,怎么让鼠标悬浮上产生下划线
a:hover{text-decoration:underline;}2023-07-22 16:54:551
在dreamweaver中的CSS样式中,vlink,alink,link和a:link什么区别?
分类: 电脑/网络 >> 互联网 解析: 一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制。伪类选择符包括: ① a:link:未访问链接 ② a:visited:已访问链接 ③ a:active:激活时(链接获得焦点时)链接的颜色④ a:hover:鼠标移到链接上时 一般a:hover和a:visited链接的状态(颜色、下划线等)应该是相同的。前三者分别对应body元素的link、vlink、alink这三个属性。四个“状态”的先后过程是:a:link ->a:hover ->a:active ->a:visited。另外,a:active不能设置有无下划线(总是有的)。 举例:伪类的常见状态值 <style type = “text/css”> <!-- a:link {color: blue; text-decoration:none;} 未访问:蓝色、无下划线 a:active:{color: red; } 激活:红色 a:visited {color:purple;text-decoration:none;} 已访问:purple、无下划线 a:hover {color: red; text-decoration:underline;} 鼠标移近:红色、下划线 --> </style>2023-07-22 16:55:031