HTML与CSS基础之伪类选择器(三)

最新推荐文章于 2024-07-03 19:48:41 发布

xiayiye5

最新推荐文章于 2024-07-03 19:48:41 发布

阅读量428

点赞数

分类专栏： HTML和CSS基础文章标签： HTML CSS 基础伪类选择器

本文链接：https://blog.csdn.net/xiayiye5/article/details/61920011

版权

HTML和CSS基础专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>伪类选择器</title>
		<style type="text/css">
			a:hover {
				color: aquamarine;
			} //鼠标移入改变颜色
			a:active {
				color: deeppink;
			} //按住鼠标点击改变颜色
			a:visited {
				color: darkviolet;
			} //被访问后改变颜色
			p::-moz-selection {
				background-color: greenyellow;
			}
			
			p::selection {
				background-color: greenyellow;
			} //文本被选中的时候改变背景色
			input:focus {
				background-color: #FF1493;
			} //输入框获取焦点改变背景色
		</style>
	</head>

	<body>
		<a href="http://www.baidu.com">已打开百度</a>
		<a href="http://www.sougou.com">未打开搜狗</a>
		<p>我是一个段落</p>
		<input type="text" name="" id="" value="" />
	</body>

</html>