`
eudivkfdskf
  • 浏览: 1108 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

a hover link visited active

CSS 
阅读更多
<html>
<head>

<style type="text/css">
    a:link {color: #FF0000;
text-decoration:none;}
a:visited {color: #00FF00;
    text-decoration:none;}
a:hover {color: #FF00FF;
    text-decoration:underline;}
a:active {color: #0000FF;
}
</style>

</head>

<body>

<p><b><a href="/index.html" target="_blank">这是一个链接。</a></b></p>
<p><b>注释:</b>在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited 之后,这样才能生效!</p>
<p><b>注释:</b>在 CSS 定义中,a:active 必须位于 a:hover 之后,这样才能生效!</p>

</body>
</html>
分享到:
评论

相关推荐

    在CSS中定义a:link、a:visited、a:hover、a:active正确顺序

    以前用CSS一直没有遇到过这个问题,在最近给一个本科同学做的项目里面。出现一些问题,搜索引擎查了一些网站和资料,发现很多人问到这个问题,给出的... TEXT-DECORATION: none } A:visited { COLOR: #000000; TEXT-DE

    a标签的四个css伪类(link、visited、hover、active)样式理解

    link、visited、hover、active 未移入a标签链接时:link 移入a标签链接时:link、hover 点击a标签链接时:link、hober、active 点击后未移入a标签连接时:link、visited 点击后移入a标签连接时:link、visited...

    HTML5&CSS3网页制作:链接伪类.pptx

    a:link a:visited a:hover a:active 链接伪类 超链接标记&lt;a&gt;的伪类 含义 a:link{ CSS样式规则; } 未访问时超链接的状态 a:visited{ CSS样式规则; } 访问后超链接的状态 a:hover{ CSS样式规则; } 鼠标经过、悬停时...

    a标签样式 和 a标签属性写法

    ① a:link:未访问链接 ,如 .mycls a:link {color:blue} ② a:visited:已访问链接 ,如 .mycls a:visited{color:blue} ③ a:active:激活时(链接获得焦点时)链接的颜色 ,如 .mycls a:active{color:blue} ④ a:...

    设置链接颜色的伪类选择符的顺序为LVHA

    CSS提供了四种伪类设置链接的颜色,包括:link、:visited、:hover、:active,它们的声明是有一定顺序的,我们将这种顺序简称为L-V-H-A,即link最先,其次visited,之后hover,最后active,如此声明才能保证hover与...

    css通过伪类来设置超链接样式附示例

    css设置超链接样式是通过伪类来实现的 ...复制代码代码如下: a:link {} a:visited {} a:hover {} a:active {} 伪类名字对大小写不敏感,但在定义顺序上有要求。:hover必须被置于:link和:visited之后才

    仿MAC官网导航菜单样式源文件

    #nav .n01 a:visited { background-position:0 -114px; } #nav .n01 a:hover { background-position:0 -38px; } #nav .n01 a:active { background-position:0 -76px; } #nav .n02 a:link { background-position:-...

    CSS教程:vlink,alink,link和a:link

    伪类选择符包括:总: a 表示所有状态下的连接 如 .mycls a{color:red}① a:link:未访问链接 ,如 .mycls a:link {color:blue}② a:visited:已访问链接 ,如 .mycls a:visited{color:blue}③ a:active:激活时(链接...

    Css——超链接样式

    css中关于超链接的四个属性一般正常顺序为:link,visited,hover,active,即: a:link 链接平常的状态 a:visited 链接被访问过之后 a:hover 鼠标放到链接上的时候 a:active 链接被按下的时候

    a标签的css样式四个状态LVHA的设计

    表示所有状态下的连接 如 a{color:red} ...一般a:hover和a:visited链接的状态(颜色、下划线等)应该是相同的。 前三者分别对应body元素的link、vlink、alink这三个属性。 四个“状态”的先后过程是:

    CSS hover不起作用的原因

    css 中有个奇怪的问题: 在使用 link的时候,要使用如下顺序,否则hover则没有任何效果 a:link a:visited a:hover a:active

    同一html页面中不同链接的不同样式的css代码

    a:hover 鼠标放在链接上未点击 a:active 是介于hover visited 之间的一个状态,可以说是链接被按下时候的状态 大家都知道想要设置统一的连接样式,只要在css文件中设置a:link,a:visited,ahover,a:active就行了。...

    有关于a标签的4个伪类的使用方法

    复制代码代码如下: a:link{color:#f30;}a:visited{color:#000;}a:hover{color:#fff;}a:active{color:#f99;} 原理  首先伪类的特殊性(应用优先级)是同样的,所以后出现的伪类会覆盖先出现的伪类(同时激活) lvha...

    期末作业网页制作

    a:link, a:visited { color: #f5ea01; text-decoration: none; font-weight: bold; } a:active, a:hover { color: #f5ea01; text-decoration: underline; } p { margin: 0px; padding: 0px; }

    CSS定义超链接四个状态的正确顺序L-V-H-A

    A:link 超链接的默认样式 A:visited 访问过的(已经看过的)链接样式 A:hover 鼠标处于鼠标悬停状态的链接样式 A:active 当鼠标左键按下时,被激活(就是鼠标按下去那一瞬间)的链接样式。 正常顺序如下: 复制...

    移动端网页解决CSS的active伪类无效的方法

    :active伪类常用于设定点击状态下或其他被...说到:active伪类就不得不提到:link,:visited,:hover,:active这个四个,最常用的是用于a链接,设定鼠标交互时不同的链接颜色。如下示例: CSS Code复制内容到剪贴板 a:lin

    ASP小程序编写的网页

    a:link{ text-decoration:none; } a:visited { text-decoration: none; } a:hover { font-size: 18px; color: #FF0000; text-decoration: none; } a:active { text-decoration: none; } 包含CSS样式

Global site tag (gtag.js) - Google Analytics