⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 ◤css教程_滤镜_alpha属性--▃▄ 龙 人 网 络 ▄▃.htm

📁 web开发离不开css层叠样式表。此书言简意赅介绍了css技术。最常用的、最简洁的实例。希望对各位有所帮助！
💻 HTM
📖 第 1 页 / 共 2 页
字号:
🔍
12 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0040)http://www.rr365.net/edu-css/css106b.htm -->
<HTML><HEAD><TITLE>◤CSS教程.滤镜.alpha属性--▃▄ 龙 人 网 络 ▄▃</TITLE>
<META http-equiv=Content-Language content=zh-cn>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="CSS教程,CSS技巧 " name=keywords>
<META 
content=网页制作教程:asp教程,ASP.net教程,XML教程,PHP教程,FrontpageXP教程,DreamWeaverMX教程,JSP教程,JavaScript教程,VBScript教程,CSS教程,FrontpageXP,DreamWeaverMX,JSP,JavaScript,VBScript,CSS,asp,ASP.net,XML,PHP相关技巧及资源 
name=description><LINK href="◤CSS教程_滤镜_alpha属性--▃▄ 龙 人 网 络 ▄▃.files/style.css" 
type=text/css rel=stylesheet>
<META content="MSHTML 6.00.2900.2604" name=GENERATOR></HEAD>
<BODY language=Javascript1.2 
onmouseover="window.status='欢迎光临【龙人网站】www.rr365.net,专业服务全为您!!!';return true" 
onclick=dynOutline() ;>
<TABLE id=table1 width="100%">
  <TBODY>
  <TR>
    <TD background="◤CSS教程_滤镜_alpha属性--▃▄ 龙 人 网 络 ▄▃.files/logo4.gif" colSpan=8 
    height=30>　</TD></TR>
  <TR>
    <TD width=195 height=53><A href="http://www.rr365.net/index.htm"><IMG 
      height=53 alt=网站优化，网站排名 
      src="◤CSS教程_滤镜_alpha属性--▃▄ 龙 人 网 络 ▄▃.files/logo-up.gif" width=195 
      border=0></A></TD>
    <TD colSpan=7>
      <H1 align=center>网页制作教程：CSS教程</H1></TD></TR>
  <TR>
    <TD background="◤CSS教程_滤镜_alpha属性--▃▄ 龙 人 网 络 ▄▃.files/logo-bt.gif" 
    height=31>
      <P align=center><A 
      href="http://www.rr365.net/edu-webdesign/index.htm"><FONT 
      color=#000000>网页制作教程</FONT></A></P></TD>
    <TD align=middle bgColor=#e5ecf9><B><A 
      href="http://www.rr365.net/index.htm">首&nbsp;&nbsp;&nbsp; 页</A></B></TD>
    <TD align=middle bgColor=#e5ecf9>
      <DIV><B><A 
    href="http://www.rr365.net/web-promotion.htm">网站推广</A></B></DIV></TD>
    <TD align=middle bgColor=#e5ecf9><B><A 
      href="http://www.rr365.net/webrestruction.htm">网站优化</A></B></TD>
    <TD align=middle bgColor=#e5ecf9>
      <DIV><B><A 
      href="http://www.rr365.net/agent/emarketing.htm">轻松代理</A></B></DIV></TD>
    <TD align=middle bgColor=#e5ecf9><B><A 
      href="http://www.rr365.net/webhosting.htm">虚拟主机</A></B></TD>
    <TD align=middle bgColor=#e5ecf9>
      <DIV><B><A 
href="http://www.rr365.net/vpp/domain.htm">域名注册</A></B></DIV></TD>
    <TD align=middle bgColor=#e5ecf9><B><A 
      href="http://www.rr365.net/webdesign.htm">网站建设</A></B></TD></TR></TBODY></TABLE>
<TABLE id=table2 width="100%">
  <TBODY>
  <TR>
    <TD bgColor=#00ccff colSpan=2 height=10>　</TD></TR>
  <TR>
    <TD vAlign=top width="23%" bgColor=#e5ecf9 rowSpan=5>　
      <P><IMG height=25 src="◤CSS教程_滤镜_alpha属性--▃▄ 龙 人 网 络 ▄▃.files/logo6.gif" 
      width=25 border=0> <B><A href="http://www.rr365.net/edu-css/css.htm"><FONT 
      color=#ff0000>CSS教程</FONT></A></B></P>
      <UL style="FONT-SIZE: 10pt; LINE-HEIGHT: 13pt">
        <LI><A href="http://www.rr365.net/edu-css/css.htm">认识CSS</A> 
        <LI><A href="http://www.rr365.net/edu-css/css102.htm">语法</A> 
        <LI><A href="http://www.rr365.net/edu-css/css103.htm">伪类—动态链接</A> 
        <LI><A href="http://www.rr365.net/edu-css/css104.htm">CSS属性</A> 
        <LI><A href="http://www.rr365.net/edu-css/css105.htm">CSS定位</A> 
        <LI>
        <P style="LINE-HEIGHT: 13pt" align=left><A 
        href="http://www.rr365.net/edu-css/css106.htm">滤镜</A> </P>
        <LI>
        <P style="LINE-HEIGHT: 13pt" align=left><A 
        href="http://www.rr365.net/edu-css/css107.htm">CSS结合JS的运用</A> </P>
        <LI>
        <P style="LINE-HEIGHT: 13pt" align=left><A 
        href="http://www.rr365.net/edu-css/css108.htm">如何在网页中插入CSS</A> 
      </P></LI></UL>
      <P><IMG height=25 src="◤CSS教程_滤镜_alpha属性--▃▄ 龙 人 网 络 ▄▃.files/logo411.gif" 
      width=25 border=0> <FONT color=#000000><B><A 
      href="http://www.rr365.net/edu-css/css2.htm"><FONT 
      color=#008080>CSS技巧</FONT></A></B></FONT></P>
      <P><IMG height=25 src="◤CSS教程_滤镜_alpha属性--▃▄ 龙 人 网 络 ▄▃.files/logo411.gif" 
      width=25 border=0> <FONT color=#008080><B>CSS相关网站</B></FONT></P>
      <UL style="FONT-SIZE: 10pt; LINE-HEIGHT: 13pt">
        <LI><A href="http://www.w3.org/Style/CSS/" target=_blank>W3C之CSS规范</A> 
        <LI><A href="http://www.w3schools.com/css/default.asp" target=_blank>CSS 
        Tutorial</A> </LI></UL>
      <P><IMG height=25 src="◤CSS教程_滤镜_alpha属性--▃▄ 龙 人 网 络 ▄▃.files/logo411.gif" 
      width=25 border=0> <B><FONT color=#000000><A 
      href="http://www.rr365.net/edu-css/css4.htm"><FONT 
      color=#008080>CSS相关软件</FONT></A></FONT></B></P>
      <P>　</P>　</TD>
    <TD width="77%">　
      <UL type=square>
        <LI>
        <P align=center><U><B><FONT size=4>CSS教程.滤镜</FONT></B></U></P>
        <P align=left>　</P>
        <DIV align=center>
        <TABLE id=table4 cellSpacing=0 cellPadding=0 border=0>
          <TBODY>
          <TR>
            <TD class=p2 vAlign=top>
              <P class=p2 style="LINE-HEIGHT: 17pt"><FONT 
              style="FONT-SIZE: 11pt" color=#336633><B>2、alpha属性</B> </FONT></P>
              <P class=p2 style="LINE-HEIGHT: 17pt"><SPAN 
              style="FONT-SIZE: 11pt">　　alpha是来设置透明度的。先来看一下它的表达格式：</SPAN></P>
              <P class=p2 style="LINE-HEIGHT: 17pt"><SPAN 
              style="FONT-SIZE: 11pt">　　<FONT 
              color=#006666>filter：alpha（opacity=opcity，finishopacity=finishopacity，<BR>　　style=style，startX=startX，startY=startY，finishX=finishX，<BR>　　finishY=finishY）</FONT> 
              </SPAN></P>
              <P class=p2 style="LINE-HEIGHT: 17pt"><SPAN 
              style="FONT-SIZE: 11pt">　　哇，怎么这么长。是啊，不过这些参数都各有其用。<BR>　　Opacity代表透明度等级，可选值从0到100，0代表完全透明，100代表完全不透明。 
              Style参数指定了透明区域的形状特征。其中0代表统一形状；1代表线形；2代表放射状；3代表长方形。<BR>　　Finishopacity是一个可选项，用来设置结束时的透明度，从而达到一种渐变效果，它的值也是从0到100。 
              StartX和StartY代表渐变透明效果的开始坐标，finishX和finishY代表渐变透明效果的结束坐标。 
              <BR>　　从上面讲的我们可以看出，如果不设置透<A 
              href="http://www.rr365.net/edu-css/css.htm"><FONT 
              color=#000000>明</FONT></A>渐变效果，那么只需设置opacity这一个参数就可以了。说了这么多，我们来看一个实例吧（见下图）：</SPAN></P>
              <P align=center><SPAN style="FONT-SIZE: 11pt"><IMG height=183 
              alt=透明效果 src="◤CSS教程_滤镜_alpha属性--▃▄ 龙 人 网 络 ▄▃.files/css024.jpg" 
              width=280 border=0 orig_onmouseout="null" 
              orig_onmouseover="null"></SPAN></P>
              <P class=p2 style="LINE-HEIGHT: 17pt"><SPAN
12

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -