☆教您用切割图片制作边框

内容处

材料：

三个切割开的图片。

图片地址1：http://image61.360doc.com/DownloadImg/2013/06/0421/32836398_1.jpg

图片地址2：http://image61.360doc.com/DownloadImg/2013/06/0421/32836398_7.jpg

图片地址3：http://image61.360doc.com/DownloadImg/2013/06/0421/32836398_3.jpg

制作方法一：

代码：

<p align="center">
<table style='background-image: url("http://image61.360doc.com/DownloadImg/2013/06/0421/32836398_7.jpg");' border="0" cellSpacing="0" borderColor="#000000" cellPadding="0" width="726" bgColor="#ffffff" heihgt="">
<tbody>
<tr>
<td>
<p align="center"><img alt="" src="http://image61.360doc.com/DownloadImg/2013/06/0421/32836398_1.jpg"><br></p>
<p align="center">
<table style='border-style: solid; width: 560px; height: 32px; background-image: url("地址");' border="3" cellSpacing="3" borderColor="#b5b198" cellPadding="3" width="560" bgColor="#ffffff" align="center" heihgt="">
<tbody>
<tr>
<td>
<p align="center"><font style="line-height: 1.5em; letter-spacing: 1px; font-size: 20pt;" color="#ff0000" face="黑体">内容处</font></p>
</td></tr></tbody></table>
</td></tr>
<tr>
<td><img alt="" src="http://image61.360doc.com/DownloadImg/2013/06/0421/32836398_3.jpg">
</td></tr></tbody></table>

代码简析：
1、设置“用居中对齐的段落标签控制的”一个二行一列的表格。表格标签中的背景图片是切割开的图片“中”。

2、第一行的单元格中设置两个居中对齐的段落，第一个段落中放入切割开的图片“上”，第二个段落中放入宽度稍小的一个表格，表格内放置所要放置的内容。

3、第二行的单元格中放入切割开的图片“下”。

制作方法二：

代码：

<p align="center">
<table style='background-image: url("地址");' border="0" cellSpacing="0" borderColor="#000000" cellPadding="0" width="726" bgColor="#ffffff" heihgt="">
<tbody>
<tr><td style='background-image: url("http://image61.360doc.com/DownloadImg/2013/06/0421/32836398_1.jpg");' height="121"></td></tr>
<tr><td style='background-image: url("http://image61.360doc.com/DownloadImg/2013/06/0421/32836398_7.jpg");' height="210">
<p align="center">
<table style='border-style: solid; width: 560px; height: 32px; background-image: url("地址");' border="3" cellSpacing="3" borderColor="#b5b198" cellPadding="3" width="560" bgColor="#ffffff" align="center" heihgt="">
<tbody>
<tr>
<td>
<p align="center"><font style="line-height: 1.5em; letter-spacing: 1px; font-size: 20pt;" color="#ff0000" face="黑体">内容处</font></p>
</td></tr></tbody></table></p>
</td></tr>
<tr><td style='background-image: url("http://image61.360doc.com/DownloadImg/2013/06/0421/32836398_3.jpg");' height="112"></td></tr>
</tbody></table></p>
代码简析：

设置一个一行三列的表格，表格标签中要设置宽度。第一行列标签中的背景图片为切割图片“上”，第二行列标签中的背景图片为切割图片“中”，第三行列标签中的背景图片为切割图片“下”。列标签中要设置背景图片的高度。第二行的单元格内放入宽度稍小的一个表格，表格内放置所要放置的内容。

放入内容后的效果：

 

2013年6月5日于北京