5.链接伪类

来源：互联网发布：科尔盖特大学知乎编辑：程序博客网时间：2024/06/16 09:17

链接伪类：a标签的状态值
a：link{属性：值；} 和 a{属性：值；}效果相同

1.链接状态样式表

写法解释 a:link{属性：值；} 链接默认状态 a:visited{属性：值；} 链接访问之后显示的状态 a:hover{属性：值；} 鼠标放到经过链接上显示的状态 a:active{属性:值；} 链接激活的状态（鼠标放在链接上不松手时的状态） :focus{属性：值；} 获取焦点

※如果这几个链接伪类搜书写，则按顺序书写。

<head>    <style type="text/css">        a:link{            color:red;        }        a:visited{            color:green;        }        a:hover{            color:yellow；            text-decoration: underline；        }        a:active{            color:pink；        }    </style></head><body>    <a href="#">人民</a> </body>

2.文本修饰
text-decoration: none（没有下划线） | underline （有下划线） | line-through（删除线）

阅读全文

0 0