html怎么设置div的透明度

发布时间：2024-03-19 点击：93

html设置div透明度的方法：1、利用opacity属性，只需要给div元素添加“opacity: 透明度值;”样式即可；2、利用filter属性，只需要给div元素添加“filter:opacity(透明度值);”样式即可。
本教程操作环境：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视频教程》

那个云服务器便宜相关优惠价格
小程序网站哪个好用，主要看这几点
苏州h5网站建设的4个注意事项
3322免费动态域名有没有动态域名哪个比较好些
阿里云服务器价格
中国互联域名挂了怎么办？拼音类域名没有了如何解决？
在海量的竞争者中脱颖而出成为网站建设品牌中的先锋品牌
域名注册要钱吗如何节省域名注册和使用费用

上一篇：商城搭建很简单，只需要三个步骤

下一篇：设计的网站该通过什么方式去修饰