【web前端(二十一)】html_盒子的显示和隐藏

最新推荐文章于 2023-07-12 20:32:36 发布

_临渔_

最新推荐文章于 2023-07-12 20:32:36 发布

阅读量1.9k

点赞数

分类专栏： Java

本文链接：https://blog.csdn.net/LED_of_Java/article/details/98873835

版权

Java 专栏收录该内容

118 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>盒子的显示和隐藏</title>
		<style>
			
			.c1{
				width: 100px;
				height: 100px;
				background-color: #0000FF;
				
			}
			
			.c2{
				width: 100px;
				height: 100px;
				background-color: #124444;
				/*刷新之后，虽然块还在，
				 * 但是在实际流里面我们就看不到了，
				 * 因为是动态的
				*/
				display:none;
				
				/*visibility与display的区别在于，
				 虽然在窗口没有该块了，
				 但是位置还在*/
				/*visibility: hidden;*/
				
			}
			
			.c3{
				width: 100px;
				height: 100px;
				background-color: #8A2BE2;
			}

		</style>
	</head>
	<body>
		<div class="c1">
		
		</div>
		
		<div class="c2">
				
		</div>
		
		<div class="c3">
				
		</div>
	</body>
</html>