表格图片阴影 – 筚路蓝缕

&lt;div id='Layer1' style='position:absolute;left:50px;top:50px;width:246px;height:186px;z-index:1'&gt;
	&lt;img src='http://www.baidu.com/img/baidu_sylogo1.gif' width='240' height='180' style="border:white 3 solid"&gt;
	&lt;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:1pxnone#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)'&gt;
	&lt;/div&gt;
&lt;/div&gt;
&lt;div style="height:300px;"&gt;&lt;/div&gt;
&lt;table width='263' border='1' cellspacing='0' cellpadding='0' height='203'&gt;
&lt;tr&gt;
	&lt;td valign='top' width='243' height='183' colspan='2' rowspan='2'&gt;
		&lt;img src='http://www.baidu.com/img/baidu_sylogo1.gif' width='240' height='180'&gt;
	&lt;/td&gt;
	&lt;td width='20' height='20'&gt;
	&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
	&lt;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)'&gt;
	&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
	&lt;td width='20' height='20'&gt;
	&lt;/td&gt;
	&lt;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)'&gt;
	&lt;/td&gt;
	&lt;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)'&gt;
	&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;div style="height:100px;"&gt;&lt;/div&gt;
 &lt;img src='http://www.baidu.com/img/baidu_sylogo1.gif' style='FILTER:progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#808080,strength=5);' border='0' alt='按此在新窗口浏览图片' onload='javascript:if(this.width&gt;screen.width-500) this.style.width=screen.width-500;'&gt;

</div>

<tr>

</td>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

</td>

</td>

</td>

</tr>

</table>

<img src='http://www.baidu.com/img/baidu_sylogo1.gif' style='FILTER:progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#808080,strength=5);' border='0' alt='按此在新窗口浏览图片' onload='javascript:if(this.width>screen.width-500) this.style.width=screen.width-500;'>

一	二	三	四	五	六	日
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31

发表回复 取消回复

相关文章

发表回复取消回复