CSS 伪类

最新推荐文章于 2024-10-02 15:35:50 发布

liulu璐

最新推荐文章于 2024-10-02 15:35:50 发布

阅读量108

点赞数

文章标签： css

本文链接：https://blog.csdn.net/qq_43566612/article/details/107340017

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/123.css"/>
	</head>
	<body>
	<a  href="http://www.taobao.com" title="this is baidu" >登&nbsp;&nbsp;&nbsp;&nbsp;录</a>	
	
	</body>
</html>

*{
	margin: 0px;
	padding: 0px;
}



a{
	position: absolute;
	display: block;
	margin-top:-15px ;
	margin-left:-100px ;
	left: 50%;
	top: 50%;
	height: 30px;
	width: 200px;
	border: black 2px solid;
	text-align: center;
	line-height: 30px;
	cursor:pointer;
	background-color: red;
	color: green;
	text-decoration: none;
	font-size: 14px;
}
a:hover{/* 当鼠标悬浮在元素上方时，向元素添加样式 */
	text-decoration: underline;
	color: bisque;
}
a:link{/* 未被访问的链接 */
	background-color: black;
}
a:visited{/* 已访问的链接 */
	background-color: yellow;
}
a:active{/* 向被激活（鼠标持续点击时）的元素添加样式，*/
	background-color: red;
}

效果：