CSS（十一）——用CSS设置超链接样式

程序员的时光

于 2019-03-14 16:39:42 发布

阅读量1.9k

点赞数

分类专栏： ● Web前端基础篇 Web前端基础文章标签： CSS 设置超链接样式按钮式超链接

本文链接：https://blog.csdn.net/qq_37084904/article/details/88554486

版权

14 篇文章 ¥9.90 ¥99.00

订阅专栏

33 篇文章

订阅专栏

本文介绍了如何使用CSS伪类别设置超链接的四种状态，包括未访问、已访问、鼠标悬停和活动状态，并展示了创建按钮式超链接的步骤，包括设置边距、字体格式以及点击后的动态效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

链接的四种状态：

a:link：普通的、未被访问的链接

a:visited：用户已访问的链接

a:hover：鼠标指针位于链接的上方

a:active：链接被点击的时刻

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<a href="www.baidu.com">百度</a>
</body>
</html>

运行结果：

了解本专栏