HTML中div设置透明度方法是啥什么，怎样用？-群英

您现在的位置是：群英 > 开发技术 > web开发

HTML中div设置透明度方法是啥什么，怎样用？

Admin发表于 2022-01-29 17:57:371022 次浏览

上一篇： HTML中怎样隐藏下拉框？教你三种方法

下一篇： HTML中div设置高度有几种方法？

这篇文章给大家分享的是HTML中div设置透明度方法。下文主要介绍了两种方法，文中的示例代码介绍得很详细，对新手学习HTML有一定的帮助，需要的朋友可以参考，接下来就跟随小编一起了解看看吧。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

html设置div的透明度

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			.box1{
				width: 300px;
				height: 200px;
				background-color: yellow;
			}
			.box2{
				width: 100px;
				height: 100px;
				background-color: green;
			}
		</style>
	</head>
	<body>
		<div class="box1">
			<div class="box2"></div>
		</div>
	</body>
</html>

1、使用opacity属性设置，透明度值越小，越透明。

.box2{
	width: 100px;
	height: 100px;
	background-color: green;
	opacity: 0.8;
}

.box2{
	width: 100px;
	height: 100px;
	background-color: green;
	opacity: 0.5;
}

.box2{
	width: 100px;
	height: 100px;
	background-color: green;
	opacity: 0.2;
}

2、使用filter:opacity(透明度值);，透明度值越小，越透明。

.box2{
	width: 100px;
	height: 100px;
	background-color: green;
	filter:opacity(0.5);
}

.box2{
	width: 100px;
	height: 100px;
	background-color: green;
	filter:opacity(0.1);
}

以上就是HTML中div设置透明度的方法，上述方法和示例具有一定的参考价值，有需要的朋友可以了解看看，希望对大家学习div设置透明度有帮助，想要了解更多可以继续浏览群英网络其他相关的文章。

文本转载自PHP中文网

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

标签： html div设置透明度

上一篇： HTML中怎样隐藏下拉框？教你三种方法

下一篇： HTML中div设置高度有几种方法？

相关信息推荐

PHP怎样做重定向页面跳转?有几种方法?

2021-11-12 18:02:43　

摘要：这篇文章给大家分享的是PHP怎样做重定向页面跳转的方法，小编觉得挺实用的，因此分享给大家做个参考，下文介绍了三种实现方法，而且示例代码介绍的非常详细，感兴趣的朋友接下来一起跟随小编看看吧。

PHP如何获取学生成绩的？具体方是什么？

2022-09-24 17:27:42　

摘要：这篇文章主要为大家详细介绍了PHP获取学生成绩的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

C# AII()与Any()方法用于什么，两者有何不同

2022-11-01 17:32:45　

摘要：本文主要介绍了C# Any()和AII()方法的区别，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

推荐内容

PHP中替换第一位字符的方法和代码是什么
2022-12-14 11:21:38

Python使用中有哪些高效、实用的高级技巧
2022-08-19 17:53:01

新手学习Python有哪些关键字要掌握
2022-08-19 17:51:59

热门关键词

热门信息

Python中如何求阶乘？教你四个方法
2022-02-25 17:19:26

Python怎么样创建txt文件，写入方法是什么？
2022-01-24 19:23:44

pycharm怎么完全卸载？两个步骤帮你搞定
2022-01-04 18:53:44

Java中map判断是否存在key怎样做？教你两个方法
2022-01-26 18:39:38

Python中怎样利用while求1到100的和？
2021-11-20 17:46:01

Java中string转date有哪些方式，怎样实现？
2022-01-18 18:00:09

Python中怎么定义数组？教你三种方法
2022-01-13 18:58:11

Python中的eval函数的作用是什么，怎样用？
2022-01-24 19:23:57

用python如何读取csv文件，你知道几种方法？
2021-11-22 17:53:55

python中怎样统计元素出现的次数，方法有哪些？
2021-11-20 17:45:40