相框中放入静止相片：

div align="center">

div align="center">

<TABLE id=table1 style="HEIGHT: 517px; BORDER-TOP-COLOR: rgb(0,200,0); POSITION: relative; BORDER-BOTTOM-COLOR: rgb(0,200,0); LEFT: 0px; BORDER-RIGHT-COLOR: rgb(0,200,0); TOP: 80px; WIDTH: 390px; BORDER-LEFT-COLOR: rgb(0,200,0)" border=0>

<TBODY>

<TR>

<TD><IMG border=0 src="http://image35.360doc.com/DownloadImg/2011/08/2907/16637697_3.jpg" width=390 height=517>

<DIV class=divBorderStyle style="POSITION: absolute; LEFT: -70px; TOP: -80px" width="520" height="680"><IMG style="LEFT: 0px; TOP: 0px" src="http://image52.360doc.com/DownloadImg/2012/05/2208/24265553_69.jpg" width=520 height=680></DIV></TD></TR></TBODY></TABLE>

<DIV></DIV>

设置说明：　　１、先设置一个居中的块区，在块区中设置一个一行一列的表格，表格标签中要设置相对定位代码。然后在单元格中粘贴一个要做为相片的图片。再根据相片的规格设置（或者修改）表格的宽度与高度。

２、在单元格中再设置一个块区，块区标签中要设置绝对定位代码。然后在块区中粘贴一个要做为相框的图片。再根据相框的规格设置（或者修改）块区的宽度与高度。

３、表格标签中的“居左”与“居上”的数值，先设置为0px。这样就把表格放置在了浏览器窗口的正中间。块区标签中的“居左”与“居上”的数值，也先设置为0px。然后估计一下“相框上边框的高度”，修改块区标签中的“居上数值”，估计一下“相框左边框的宽度”，修改块区标签中的“居左数值”。

４、要想知道“相框上边框的高度”，可以这样操作：先把相片的宽度加大，例如把相片的宽度修改为690px，相片的右部就超出相框的右边框了。这时，就应该修改块区标签中的“居上”数值，把相片降下来。这个数值要修改为“负值”，相框就会向上移动，也就是把相片降下来了。当居上数值的最终结果修改为－80px的时候，相片的上边缘就与相框上边框的下边缘平行了，这就说明相框的上边框的高度大约为80px。

５、要想知道“相框左边框的宽度”，可以这样操作：先把相片的高度加大，例如把相片的高度修改为700px，相片的下部就超出相框的下边框了。这时，就应该修改块区标签中的“居左”数值，把相框向左移动，使相片的左边缘与相框左边框的右边缘对齐。这个数值也要修改为“负值”，相框就会向左移动，也就是把相片向右移动了。当居左数值的最终结果修改为－70px的时候，相片的左边缘就与相框左边框的右边缘对齐了，这就说明相框的左边框的宽度大约为70px。

6、把相片的规格恢复到“原来的”数值width="390" height="517"，点击“发表”按钮看看效果。相片完整地在相框中显示出来了，而且相片的周围也没有任何空隙，正合适。但是，整个图片的位置有点儿高，超过浏览器窗口的上边缘了。这时，应该再修改一下表格中的“居上”数值。前面我们不是把块区标签中的“居上”数值修改为－80px了吗，那么，现在就把表格标签中的居上数值修改为80px。再看看显示效果吧，完全合适了。

7、总之，一条总原则，要调整相片在相框中的左右位置，就修改相框所在块区中的“居左”数值；要调整相片在相框中的上下位置，就修改相框所在块区中的“居上”数值；要调整相片在相框中的显示大小，就修改相框的规格与相片的规格。