html如何设置div的透明度

本篇内容主要讲解“html如何设置div的透明度”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“html如何设置div的透明度”吧!

目前创新互联建站已为1000多家的企业提供了网站建设、域名、网页空间、成都网站托管、企业网站设计、都匀网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

html设置div透明度的方法:1、利用opacity属性,只需要给div元素添加“opacity: 透明度值;”样式即可;2、利用filter属性,只需要给div元素添加“filter:opacity(透明度值);”样式即可。

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

html设置div的透明度



	
		
		
	
	
		
			

html如何设置div的透明度

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

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

html如何设置div的透明度

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

html如何设置div的透明度

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

html如何设置div的透明度

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

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

html如何设置div的透明度

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

html如何设置div的透明度

到此,相信大家对“html如何设置div的透明度”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


当前标题:html如何设置div的透明度
文章出自:http://scyanting.com/article/isjhgo.html

其他资讯