css基础(2)——伪类，浮动，定位

最新推荐文章于 2023-09-14 14:28:13 发布

大地笨笨熊

最新推荐文章于 2023-09-14 14:28:13 发布

阅读量731

点赞数

文章标签： css html 前端

本文链接：https://blog.csdn.net/qq_51913153/article/details/124807369

版权

1.伪类

css伪类表示标签的一种特殊状态，为特殊状态设置属性

格式为选择器：伪类名

主要分为三类：
       ：hover 鼠标移入状态
       ：active 点击，激活
       ：focus 聚焦,对于可输入内容的组件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			a{
				color: #FF0000;
				text-decoration:none;/*去除下划线*/
			}
			a:hover{
				color: #00BFFF;
				text-decoration:underline;
			}
			.aa{
				background-color: #008000;
			}
			.aa:hover{
				background-color: blue;
			}
			.aa:active{
				background-color: #FF0000;
			}
			.bb:focus{
				background-color: #00BFFF;
			}
			
		</style>
	</head>
	<body>
		 <a href="">百度</a>
		 <input type="button" value="保存" class="aa" /><br />
		 <input type="text" class=

最低0.47元/天解锁文章

大地笨笨熊

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
css基础(2)——伪类，浮动，定位

1.伪类css伪类表示标签的一种特殊状态，为特殊状态设置属性格式为选择器：伪类名主要分为三类：：hover 鼠标移入状态：active 点击，激活：focus 聚焦,对于可输入内容的组件<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style ...
复制链接

扫一扫