可放多张照片的相框(含代码解析)

代码：
<div align="center">
<table border="0" cellSpacing="0" cellPadding="0" width="420" background="http://image9.360doc.com/DownloadImg/2010/04/2905/3038307_7.gif" align="center" height="1000">
<tbody>
<tr>
<td>
<table style="filter: progid:dximagetransform.microsoft.shadow(color:#00ff99,direction:145,strength:15);" border="1" cellSpacing="20" cellPadding="10" width="420" align="center" height="320">
<tbody>
<tr>
<td bgColor="#00ff33" vAlign="middle" align="center"><img style="width: 420px; height: 285px;" title="" border="0" alt="" src="http://image9.360doc.com/DownloadImg/2010/04/2905/3038307_1.jpg" width="420" height="120"></td></tr></tbody></table></td></tr></tbody></table></div>

代码解析：

1、第一层表格设置背景图片，作为相框的图片，为下一层表格的滤镜提供素材。

2、第二层表格设置filter: progid:dximagetransform.microsoft.shadow(color:#00ff99,direction:145,strength:15);滤镜样式(对图片进行透明处理）。相框的宽度，由表格的间距决定，透明部分的宽度由滤镜的强度strength决定。

3、单元格中放置相片，相片的规格由相片样式中的规格决定。

4、要增加相片的个数，就添加一行的代码。

2013年3月11日于北京