图片和透明效果
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;之后
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
