一段css代码,关于a类中的link,visited,hover,active
<html><head><style><!--a{text-decoration:none}a:link{color:green}//为连接时的颜色a:visited{c...
<html>
<head>
<style>
<!--
a{text-decoration:none}
a:link{color:green} //为连接时的颜色
a:visited{color:red} //访问过的颜色
a:hover{color:black;font-weight:bold;font-style:italic}//鼠标停留在链接上的颜色
a:active{color:blue} // 鼠标按下的颜色
-->
</style>
</head>
<body bgcolor="yellow">
<center>
<font size=4 color=red>网页链接属性anchor的应用效果</font>
</center>
<ul>
<li><a href="http://www.baidu.com" target="w1">百度网</a></li>
<li><a href="http://www.youku.com" target="w2">优酷网</a></li>
<li><a href="http://www.google.com" target="w3">谷歌网</a></li>
</ul>
</body>
</html>
问一下,网上说顺序应为l-v-h-a,实际结果怎么不一样啊?为什么未按下链接时的颜色怎么和visited的颜色一样?是红色而不是绿色?还有访问过的链接怎么和active状态的颜色一样?不懂啊! 展开
<head>
<style>
<!--
a{text-decoration:none}
a:link{color:green} //为连接时的颜色
a:visited{color:red} //访问过的颜色
a:hover{color:black;font-weight:bold;font-style:italic}//鼠标停留在链接上的颜色
a:active{color:blue} // 鼠标按下的颜色
-->
</style>
</head>
<body bgcolor="yellow">
<center>
<font size=4 color=red>网页链接属性anchor的应用效果</font>
</center>
<ul>
<li><a href="http://www.baidu.com" target="w1">百度网</a></li>
<li><a href="http://www.youku.com" target="w2">优酷网</a></li>
<li><a href="http://www.google.com" target="w3">谷歌网</a></li>
</ul>
</body>
</html>
问一下,网上说顺序应为l-v-h-a,实际结果怎么不一样啊?为什么未按下链接时的颜色怎么和visited的颜色一样?是红色而不是绿色?还有访问过的链接怎么和active状态的颜色一样?不懂啊! 展开
4个回答
展开全部
怎么一个节日过的把百度过穷了、??回答问题的人少了。
a:link是连接
后面的为活动连接
连接访问
和访问过的,当用到这条时,你可直接调用style里的这个连接属性:比如
.shopu{
a:link
a:visited
a:active
a:hover}
你只需要在连接字的font
属性里加上这样一句就行了:
<font
calss="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><td
calss="style1"><a
...>我的例字</a></td></tr></table>
这样就有效果了
a:link是连接
后面的为活动连接
连接访问
和访问过的,当用到这条时,你可直接调用style里的这个连接属性:比如
.shopu{
a:link
a:visited
a:active
a:hover}
你只需要在连接字的font
属性里加上这样一句就行了:
<font
calss="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><td
calss="style1"><a
...>我的例字</a></td></tr></table>
这样就有效果了
Storm代理
2023-07-25 广告
2023-07-25 广告
StormProxies是一家提供动态代理服务器服务的企业,旨在帮助用户更好地管理网络访问和安全。以下是一些关于StormProxies的IP动态代理服务的特点:1. 高匿名性:StormProxies的动态代理服务器具有高匿名性,可以有效...
点击进入详情页
本回答由Storm代理提供
展开全部
你的代码我测试过了 没有问题
但是
我想要问的是
这个东西
“ //为连接时的颜色”
是不是出现在你的页中
如果出现了
你的样式将不会起作用
原因是
//
是javascript脚本的注释符
CSS中
注释要用
<!--代码-->
或者
/*代码*/
你的//代码
在CSS中可是非法的
这将导致该内容后面所有的CSS无效
但是
我想要问的是
这个东西
“ //为连接时的颜色”
是不是出现在你的页中
如果出现了
你的样式将不会起作用
原因是
//
是javascript脚本的注释符
CSS中
注释要用
<!--代码-->
或者
/*代码*/
你的//代码
在CSS中可是非法的
这将导致该内容后面所有的CSS无效
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
css中的鼠标事件按照点击的顺序可以起一下,应该是初始状态也就是(link)然后是鼠标滑过(hover),然后是按下(active),一系列操作以后就是访问过这个链接一次了,所以最后应该是访问过(visited)的颜色。你可以尝试把例子写的更详细一些。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
没有问题,是从link visited hover的,
而active这个不用去理会它,用的很少的。
顺便说一句,设置正文里的字体样式也用CSS来实现,别在行内用传统的html来设置,要尽量做到内容和形式的完全分离,这样修改起来也方便,而且搜索引擎会对你的站点更加友好。
而active这个不用去理会它,用的很少的。
顺便说一句,设置正文里的字体样式也用CSS来实现,别在行内用传统的html来设置,要尽量做到内容和形式的完全分离,这样修改起来也方便,而且搜索引擎会对你的站点更加友好。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询