本篇内容主要讲解“html如何设置div的透明度”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“html如何设置div的透明度”吧!
目前创新互联建站已为1000多家的企业提供了网站建设、域名、网页空间、成都网站托管、企业网站设计、都匀网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
html设置div透明度的方法:1、利用opacity属性,只需要给div元素添加“opacity: 透明度值;”样式即可;2、利用filter属性,只需要给div元素添加“filter:opacity(透明度值);”样式即可。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
html设置div的透明度
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的透明度”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!