企业网设计_实施页面图像阴影效果

　　给图片加上阴影效果让图片更加立体，这里， 介绍了三种生产方法：

　　第三层使用

　　请参阅以下代码：

　　< 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="http://www.infoo.cn/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 >

　　表制作的第二种使用

　　请参阅以下代码：

　　< 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="http://www.infoo.cn/sample.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 >

　　结果如下：

　　种图像编辑软件

　　最常用的图像编辑软件是Photoshop，生产过程如下：

　　1。 选择图片;

　　2， 打开photoshop，为图像建立背景副本层;

　　3， 这层的笔划和阴影设置;

　　4， 调整绘制尺寸;

　　5。 将图片保留为JPG文件。