📄 9-4.html
字号:
<html>
<head>
<title>alpha滤镜</title>
<style>
<!--
body{
background:url(bg1.jpg);
margin:10px;
}
.alpha1{
filter:alpha(opacity=100,finishopacity=0,style=3);
/* 矩形渐变，中间不透明，四周透明 */
}
.alpha2{
filter:alpha(opacity=0,finishopacity=100,style=3);
/* 反之 */
}
-->
</style>
</head>
<body>
<center>
<img src="strawberry.jpg">
<img src="strawberry.jpg" class="alpha1">
<img src="strawberry.jpg" class="alpha2">
</center>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -