标签隐藏（opacity display）

最新推荐文章于 2024-04-27 22:55:28 发布

米斯特小明

最新推荐文章于 2024-04-27 22:55:28 发布

阅读量249

点赞数

分类专栏： HTML css 文章标签： html css

本文链接：https://blog.csdn.net/qq_44846625/article/details/117297890

版权

HTML 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

css

2 篇文章 0 订阅

订阅专栏

opacity
调节标签的不透明度
注意：
1. opacity取值是从0-1，最大值为1（完全不透明），最小值为0代表完全透明
2. 当标签通过opacity调节不透明度时，此时标签内部的子集内容也会受到影响
3. opacity:0；此时标签完全透明，但是注意该标签还在网页中显示，只是用户看不到

	<style type="text/css">
			.mark{
				width: 200px;
				height: 200px;
				background-color: #FFC0CB;
				padding: 20px;
				box-sizing: border-box;
				opacity: 0.3;	
			}
		</style>
	</head>
	<body>
		<div class="mark">
			啊啊啊不不不错错错
		</div>
	</body>