博客

CSS-设置超链接样式

  • Post author:
  • Post category:其他



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


版权声明：本文为cc098818原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。