网页基础（十二）超链接伪类

最新推荐文章于 2022-12-09 17:19:59 发布

@大娱乐家

最新推荐文章于 2022-12-09 17:19:59 发布

阅读量641

点赞数

本文链接：https://blog.csdn.net/qq_41440413/article/details/104530438

版权

超链接伪类就是在超链接中设置未点击状态点击状态等样式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--
        	作者：770267939@qq.com
        	时间：2020-02-27
        	描述：语法：标签名：伪类{ 样式}
        	同时设置四种伪类超链接样式 注意书写顺序 爱恨原则 
        	love hate
        -->
        <style>
        	/*未访问前的样式*/
        	a:link{
        		color: black;
        		text-decoration: none;
        		
        	}
        	/*访问后*/
        	a:visited{
        		color: blue;
        	}
        	/*鼠标悬浮*/
        	a:hover{
        		color: red;
        		text-decoration: underline;
        	}
        	/*鼠标单击未释放*/
        	a:active{
        		color: orange;
        		text-decoration: underline;
        	}
        </style>
	</head>
	<body>
		<a href="#" >百度</a>
		<a href="#" >新浪</a>
		<a href="#" >淘宝</a>
	</body>
</html>

未点击

鼠标指向时

鼠标单击未离开时

鼠标单击后

@大娱乐家

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网页基础（十二）超链接伪类

超链接伪类就是在超链接中设置未点击状态点击状态等样式<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <!-- 作者：770267939@qq.com 时间：2020-02...
复制链接

扫一扫