您现在的位置是: 首页 » 网页代码 » css如何让图片透明
网页代码

css如何让图片透明

网站优化小编十一月 2, 2019 8人已围观

使用css来控制图片的透明度,会加快开发速度,本文详细介绍css怎么设置图片透明,适用于所有的html+css前端开发,详细的方法如下。

网站运营中栏目排名优化技巧

css可以使用opacity属性让图片透明。opacity 属性设置元素的不透明级别。

语法:

opacity: value|inherit;

属性值:

  • value 规定不透明度。从 0.0 (完全透明)到 1.0(完全不透明)。

  • inherit 应该从父元素继承 opacity 属性的值。

示例:

<!DOCTYPE html><html><head><style> .div1{width: 400px;height: 266px;margin:15px;background:url('4.jpg')no-repeat;opacity:0.5;}.div2{width: 400px;height: 266px;margin:15px;background:url('4.jpg')no-repeat;}</style></head><body><div class="div1">透明图片</div><div class="div2">不透明图片</div></body></html>

效果图:

网站运营中栏目排名优化技巧

文章评论

    发表评论

    电子邮件地址不会被公开。

站点信息
  • 站点运行:202天
  • 网站程序:Wordpress
  • 主题模板:bvseo
  • 文章统计:2595 条
  • 文章评论:5 条
  • 微信公众号:扫描二维码,关注我们