e股脑电脑教程网
  • 首 页
  • 操作系统
  • 应用软件
  • 下载工具
  • 影音视频
  • 办公软件
  • 媒体制作
  • 网站建设
  • 平面设计
  • 数据库
  • 程序开发
  • 视频教程
编辑推荐: | 文章搜索:
您现在的位置: e股脑 >> 网站建设 >> FrontPage教程 >> 实现页面图片阴影特效技巧三则 >> 教程正文
 
教程搜索
 
 
相关教程
  • 网页实现细线边框精彩技巧
  • 网页另类制作小技巧三则
  • 给你的主页加上彩色边框
  • FrontPage制作另类超级链
  • 网页制作的三则经典的实用
  • 网页小技巧:如何去除超链
  • 在网页中实现“细线边框”
  • 实现网页状态栏特效全攻略
  • 实现页面图片阴影特效技巧
  • 使FrontPage与Dreamweave
  • 如何在一张图片上制作多个
  • 用FrongPage设计网页花样
  • 如何在FrontPage中插入Fl
  • FrontPage 2002新增功能应
  • 浅谈从菜鸟到准网页设计师
  • FrontPage XP小诀窍集锦
 
 
赞 助 商
 
 
实现页面图片阴影特效技巧三则
  • 来源:e股脑
  • 点击次数:
  • 更新时间:2006-9-6
给图片加上阴影效果可以使图片更具有立体感,下面介绍三种制作方法:

第一种 利用图象编辑软件

最常用的图象编辑软件是Photoshop,制作过程如下:

1、选取一张图片;

2、打开Photoshop,为该图片建立一背景复本图层;

3、对该图层进行描边和阴影设置;

4、调整画布大小;

5、将图片保持为jpg文件。见下图:

第二种 利用表格制作

请参看下列代码:

< html>
< head>
< title>表格图片阴影< /title>
< meta http-equiv="Content-Type" content="text/html; charset=gb2312">
< /head>

< body bgcolor="#FFFFFF" text="#000000">
< table width="263" border="0" cellspacing="0" cellpadding="0" height="203">
< tr>
< td valign="top" width="243" height="183" colspan="2" rowspan="2">< img src="/Files/BeyondPic/oldjcwimg/2005-11/15/05111512072934856.jpg" width="240" height="180">< /td>
< td width="20" height="20">< /td>
< /tr>
< tr>
< td width="20" height="163" bgcolor="#000000" style="filter:Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0) Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=10, FinishX=0, FinishY=0)">< /td>
< /tr>
< tr>
< td width="20" height="20">< /td>
< td width="223" height="20" bgcolor="#000000" style="filter:Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100) Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=10, StartY=0, FinishX=0, FinishY=0)">< /td>
< td width="20" height="20" bgcolor="#000000" style="filter:Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100) Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0)">< /td>
< /tr>
< /table>
< /body>
< /html>

本新闻共3页,当前在第1页 1 2 3


  • 上一篇教程: 使FrontPage与Dreamweaver亲密合作
  • 下一篇教程: 实现网页状态栏特效全攻略
  •  

    关于本站 | 广告联系 | 版权声明 | 使用帮助

    Copyright © 2004-2008 www.egunao.com All rights reserved.