显示与隐藏012

最新推荐文章于 2021-05-03 03:08:45 发布

陀陀吖

最新推荐文章于 2021-05-03 03:08:45 发布

阅读量94

点赞数

分类专栏： html与css

本文链接：https://blog.csdn.net/weixin_40422393/article/details/88909906

版权

html与css 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>显示与隐藏</title>
	<style>
	div{
		width: 200px;
		height: 200px;
		background-color: pink;

		 /*第一种方法*/
		/*display:block;   显示   y有默认值block或者inline*/   
		display: none;     /*隐藏元素  ==》 display:block  显示元素*/  ！！！！注意隐藏之后不占位置 

		/*第二种方法 */
		visibility: visible;   /*显示元素*/     
		visibility: hidden;  /*隐藏某元素*/     ！！！！！！！！！！！！！！！注意隐藏之后保留位置，与dispaly:none;不同之处  常用
	}
	p{
		width: 200px;
		height: 100px;
		background-color: blue;
	}
	</style>
</head>
<body>
	<div></div>
	<p>djsokfv</p>
</body>
</html>