CSS-设置超链接样式

最新推荐文章于 2024-04-19 12:52:58 发布

娃娃救葫芦爷

最新推荐文章于 2024-04-19 12:52:58 发布

阅读量1.6k

点赞数 1

分类专栏： CSS基础

本文链接：https://blog.csdn.net/cc098818/article/details/99409154

版权

1、使用 CSS 伪类别来设置超链接样式
链接的四种状态：
a:link：普通的、未被访问的链接
a:visited：用户已访问的链接
a:hover：鼠标指针位于链接的上方
a:active：链接被点击的时刻


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用CSS伪类别来设置超链接样式</title>
<style type="text/css">
	a:LINK {
		color: red;
		text-decoration: none;
	}
	
	a:VISITED {
		color: green;
		text-decoration: none;
	}
	
	a:HOVER {
		background-color: yellow;
		text-decoration: none;
	}
</style>
</head>
<body>
<a href="http://www.123.com">超链接</a>
</body>
</html>

运行结果：
在这里插入图片描述
2、创建按钮式超链接


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>创建按钮式超链接</title>
<style typ

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

娃娃救葫芦爷

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
CSS-设置超链接样式

1、使用 CSS 伪类别来设置超链接样式链接的四种状态：a:link：普通的、未被访问的链接a:visited：用户已访问的链接a:hover：鼠标指针位于链接的上方a:active：链接被点击的时刻<!DOCTYPE html><html><head><meta charset="UTF-8"><title>使用C...
复制链接

扫一扫