小李带你玩转html—10

阅读: 评论:0

小李带你玩转html—10

小李带你玩转html—10

图片和透明效果

1.图片的分类
1.1 JPG图片
是我们最常用的一种图片格式
特点:色彩丰富,可以压缩,品质可以调整
缺点:不能保存图层,不能做动图,不能保存背景透明的图片
1.2 PNG图片
不可压缩,可以保存图层,可以保存半透明效果
缺点:文件太大
1.3 GIF图片
无所谓压缩不压缩,色彩单一,色值有256种
文件小,可以存动图
2.盒子的透明

2.1 透明度属性opacity
属性值是0-1之间的小数值

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>盒子透明效果</title><style type="text/css">.box{margin: 30px auto;width:150px;border: 10px solid #999;background:#0084e8 ;opacity: 0.5;}</style></head><div class="box"><img src="images/hero.png" width="100" style="margin: 10px auto;margin-left: 20px; "/></div><body></body>
</html>

插入opacity: 0.5;之前

插入opacity: 0.5;之后

本文发布于:2024-02-05 08:37:04,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170728193864958.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:带你   小李   玩转   html
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23