HTML菜鸟入门5

来源：互联网发布：python老男孩10期网盘编辑：程序博客网时间：2024/06/07 00:30

A标签的四个伪类

伪类：伪类用于向被选中元素添加特殊的效果。(元素在特定情况下才具备的)
link 未访问（默认）
hover鼠标悬停(鼠标滑过)
active链接激活（鼠标按下）
visited访问过后（点击过后）
A标签四个伪类的顺序：
link visited hover active

改变默认的a标签

<head><style>a:link{ font-size:60px; text-decoration:none; color:green;} </style></head><body><a href="#">a标签（链接，下载，锚点）</a></body>

效果：
这里写图片描述

修改a标签的hover

<style>a:link{ font-size:60px; text-decoration:none; color:green;}a:hover{color:red;text-decoration:underline;font-size:10px;}</style></head><body><a href="#">a标签（链接，下载，锚点）</a></body>

效果：
这里写图片描述

修改a标签的active

<style>a:link{ font-size:60px; text-decoration:none; color:green;}a:hover{color:red;text-decoration:underline;font-size:10px;}a:active{color:yellow}</style></head><body><a href="#">a标签（链接，下载，锚点）</a></body>

效果：
这里写图片描述

修改a标签的visited

<style>a:link{ font-size:60px; text-decoration:none; color:green;}a:hover{color:red;text-decoration:underline;font-size:10px;}a:active{color:yellow}a:visited{color:black}</style></head><body><a href="#">a标签（链接，下载，锚点）</a></body>

如图：
这里写图片描述

更加详尽的a标签伪类图文详解点击click：
click

阅读全文

0 0