0
点赞
收藏
分享

微信扫一扫

学习css的第一天

晒大太阳了 2022-04-05 阅读 65
css3

1.after和hover的使用


 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		#ii{
		width:100px;
		height: 100px;
		border-radius:100%;
		border:5px solid navajowhite;
	margin-left:200px;
	text-align:center;
		}
		#ii::after{    /* 创建伪元素content中添加内容 */
			content:"猴王";
			font-family: '宋体';
			position:relative;
			top:40px;
		}
		#ii:hover{  /* 鼠标移入改变背景颜色 */
			background-color: pink;
		}
		</style>
	</head>
	<body>
		<div id="ii"></div>
	</body>
</html>

2.z-index的使用  (数值大的在上)

 

 

 

 

举报

相关推荐

CSS第一天

第一天学习

学习的第一天

Html+css(第一天)

RHCSA学习第一天

JavaScript学习第一天

【python学习】第一天

JVM学习_第一天

0 条评论