相关文章
口碑营销的五大法宝4
北京网页设计制作网页时关于网页浏览器兼容问题的分析
北京网站制作解决给自由js最外面的table加class
北京网页设计用meta标签来增强网页功能
网站建设用CSS轻松实现网上填空
网页设计完全用CSS实现的中英文双语导航菜单
北京网站制作教程/dreamweaver/提高 为你的站点定做颜色
网页设计线框文字的制作
企通互联抗日Flash集之：抗日新闻
网页设计小技巧：网页样式表CSS的书写风格
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网站制作 >> 北京网站制作网站制作实现页面图片阴影特效
北京网站制作网站制作实现页面图片阴影特效
北京网站制作给图片加上阴影效果可以使图片更具有立体感，下面介绍三种制作方法：网页设计
北京网页设计
北京网站设计第一种 利用图象编辑软件网站制作
网页设计
最常用的图象编辑软件是Photoshop,制作过程如下：网站制作
网站设计
1、选取一张图片； 北京网页设计企通互联
网站设计
网站制作
北京网站设计
2、打开Photoshop,为该图片建立一背景复本图层；企通互联
网页设计
3 网站建设、对该图层进行描边和阴影设置；网站建设
北京网页设计
4、调整画布大小； 网站制作北京网站制作
北京网站建设
5、将图片保持为jpg文件。见下图：网站建设
企通互联
北京网页设计
给图片加上阴影效果可以使图片更具有立体感，下面介绍三种制作方法：北京网站制作
网站建设
第一种 利用图象编辑软件北京网站设计
北京网页设计
最常用的图象编辑软件是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" >北京网站设计
网站制作
< div id="Layer1" style="position:absolute;left:0px; top:0px; width:246px; height:186px; z-index:1" >网站建设
< img src="sample.jpg" width="240" height="180" style="border:white 3 solid" >网站建设
< div id="Layer2" style="position:relative; left:10px; top:-180px; width:260px; height:200px; z-index:-1; background-color: #000000; layer-background-color: #000000; border: 1px none #000000;filter:Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=85, FinishX=0, FinishY=100) Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=90, StartY=0, FinishX=100, FinishY=0) Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=10, StartY=0, FinishX=0, FinishY=0) Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=10, FinishX=0, FinishY=0)" >< /div >网页设计
< /div >网页设计
企通互联
< /body >北京网站建设
< /html > 北京网站设计
网页设计
做好后的效果如下： 北京网页设计
网站设计