照片像框样式和代码大全之二  

 

 

效果图1:

 

代码如下：

<P align=center>

<TABLE height=100 cellSpacing=0 cellPadding=0 width=100 align=center background=http://image35.360doc.com/DownloadImg/2011/08/2315/16313004_12.jpg>

<TBODY>

<TR>

<TD><IMG height=100 src="http://image35.360doc.com/DownloadImg/2011/08/2315/16313004_1.jpg" width=100 border=0></TD></TR></TBODY></TABLE></P>

效果图2:

 

代码如下：

<P align=center>

<TABLE height=100 cellSpacing=0 cellPadding=0 width=100 align=center background=http://image35.360doc.com/DownloadImg/2011/08/2315/16313004_13.jpg>

<TBODY>

<TR>

<TD><IMG height=100 src="http://image35.360doc.com/DownloadImg/2011/08/2315/16313004_2.jpg" width=100 border=0></TD></TR></TBODY></TABLE></P>

效果图3:

 

代码如下：

<P align=center>

<TABLE height=100 cellSpacing=0 cellPadding=0 width=100 align=center background=http://image35.360doc.com/DownloadImg/2011/08/2315/16313004_14.jpg>

<TBODY>

<TR>

<TD><IMG height=100 src="http://image35.360doc.com/DownloadImg/2011/08/2315/16313004_3.jpg" width=100 border=0></TD></TR></TBODY></TABLE></P> 

效果图4:

 

代码如下：

<P align=center>

<TABLE height=100 cellSpacing=0 cellPadding=0 width=100 align=center background=http://image35.360doc.com/DownloadImg/2011/08/2315/16313004_15.jpg>

<TBODY>

<TR>

<TD><IMG height=100 src="http://image35.360doc.com/DownloadImg/2011/08/2315/16313004_4.jpg" width=100 border=0></TD></TR></TBODY></TABLE></P> 

效果图5:

 

代码如下：

<P align=center>

<TABLE height=120 cellSpacing=0 cellPadding=0 width=240 align=center background=http://image35.360doc.com/DownloadImg/2011/08/2315/16313004_16.jpg>

<TBODY>

<TR>

<TD><IMG height=140 src="http://image35.360doc.com/DownloadImg/2011/08/2315/16313004_5.jpg" width=300 border=0></TD></TR></TBODY></TABLE></P>

效果图6:

 

代码如下：

<P align=center>

<TABLE height=200 cellSpacing=0 cellPadding=0 width=240 align=center background=http://image35.360doc.com/DownloadImg/2011/08/2315/16313004_17.jpg>

<TBODY>

<TR>

<TD><IMG height=200 src="http://image35.360doc.com/DownloadImg/2011/08/2315/16313004_6.jpg" width=240 border=0></TD></TR></TBODY></TABLE></P>

　　

效果图7:

 

代码如下：

<P align=center>

<TABLE height=240 cellSpacing=0 cellPadding=0 width=240 align=center background=http://image35.360doc.com/DownloadImg/2011/08/2315/16313004_18.jpg>

<TBODY>

<TR>

<TD><IMG height=240 src="http://image35.360doc.com/DownloadImg/2011/08/2315/16313004_7.jpg" width=240 border=0></TD></TR></TBODY></TABLE></P>

效果图8:

 

代码如下：

 <P align=center>

<TABLE height=240 cellSpacing=0 cellPadding=0 width=240 align=center background=http://image35.360doc.com/DownloadImg/2011/08/2315/16313004_19.jpg>

<TBODY>

<TR>

<TD><IMG height=240 src="http://image35.360doc.com/DownloadImg/2011/08/2315/16313004_8.jpg" width=240 border=0></TD></TR></TBODY></TABLE></P>

效果图9:

 

代码如下：

<P align=center>

<TABLE height=240 cellSpacing=0 cellPadding=0 width=240 align=center background=http://image35.360doc.com/DownloadImg/2011/08/2315/16313004_20.jpg>

<TBODY>

<TR>

<TD><IMG height=240 src="http://image35.360doc.com/DownloadImg/2011/08/2315/16313004_9.jpg" width=240 border=0></TD></TR></TBODY></TABLE></P> 

效果图10:

 

代码如下：

<P align=center>

<TABLE height=240 cellSpacing=0 cellPadding=0 width=160 align=center background=http://image35.360doc.com/DownloadImg/2011/08/2315/16313004_21.jpg>

<TBODY>

<TR>

<TD><IMG height=240 src="http://image35.360doc.com/DownloadImg/2011/08/2315/16313004_10.jpg" width=240 border=0></TD></TR></TBODY></TABLE></P>

 

说明：

height=139是高度　width=139 是宽度自己调到合适的尺寸！

鲜绿代码是透明像框图片的地址．你看到的是后缀名为.jpg其实它的属性还是gif图！

红色代码是你的照片地址！

做好照片像框最主要的是照片头像的居中位置不能被覆盖！

 

置入博客方法如下图解：

1. 进入编辑→2. 排版→3. 模块→ 4. 添加自定义html（显示）（出现在网页左下角）→ 5. 复制下列语法後贴上→6. 新增→ 7. 将模块移到想显示的位置→8. 再保存（右上角）→9. 预览我的博客。→10. 就可以看到出现在你的博客上了！