网易博客代码.图片精美边框代码第一部分(12例)

1.单线框

 

<center><img src="http://image29.360doc.com/DownloadImg/2011/05/2022/11888001_1.jpg" style=" border:3 solid #ff0000"><br><br><br></center>

2.双线框

<center><img src="http://image29.360doc.com/DownloadImg/2011/05/2022/11888001_1.jpg" style="border:5 double green"><br><br><br></center>

 

3.凸出框

 

<center><img src="http://image29.360doc.com/DownloadImg/2011/05/2022/11888001_1.jpg"style="border:25 outset #ff88ff"><br><br><br></center>

 

4.凹进框

 

<center> <img src="http://image29.360doc.com/DownloadImg/2011/05/2022/11888001_1.jpg" style="border:25 inset #ff88ff"><br></center>

 

5.邮票框一.

 

<center><table style="border:3 dashed #f6ae56" cellspacing="5" cellpadding="0" bgcolor="#f6ae56"><tr><td bgcolor="#aeffae" width=240 height=180 align=center valign=middle><img src="http://image29.360doc.com/DownloadImg/2011/05/2022/11888001_1.jpg"></td></tr></table></center>

 

邮票框二.

 

<CENTER> <TABLE style="BORDER-RIGHT: #f6ae56 3px dashed; BORDER-BOTTOM: #f6ae56 3px dashed" cellSpacing=5 cellPadding=0 bgColor=#f6ae56><TBODY> <TR><TD vAlign=center align=middle width=240 bgColor=#aeffae height=180><P align=left><IMG src="http://image29.360doc.com/DownloadImg/2011/05/2022/11888001_1.jpg"></P></TD></TR></TBODY></TABLE></CENTER>

 

6.虚线框

 

<CENTER><IMG style="BORDER-RIGHT: #ff0000 4px dashed; BORDER-BOTTOM: #ff0000 4px dashed" src="http://image29.360doc.com/DownloadImg/2011/05/2022/11888001_1.jpg"><BR><BR><BR></CENTER>

 

7.凹槽框

 

<center> <img src="http://image29.360doc.com/DownloadImg/2011/05/2022/11888001_1.jpg" style="border:25 groove green" border="0"><br><br><br></center>

 

8.脊状框

 

<center> <img src="http://image29.360doc.com/DownloadImg/2011/05/2022/11888001_1.jpg" style="border:25 ridge green" border="0"><br><br><br></center>

 

9.立体阴影框

 

<center> <table width=240 height=180 border=2 cellpadding="15" cellspacing="3" style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)"> <tr><td bgcolor="#ffffff" align=center valign=middle><img src="http://image29.360doc.com/DownloadImg/2011/05/2022/11888001_1.jpg"></td></tr></table></center> 

 

10.阴影框

 

<center><img src="http://image29.360doc.com/DownloadImg/2011/05/2022/11888001_1.jpg" style="filter:shadow(color=#32cd32)"></center> 

 

11.粒状阴影

 

<center><img src="http://image29.360doc.com/DownloadImg/2011/05/2022/11888001_1.jpg" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)"></center> 

 

12.水波效果（风吹）

 

<center><img src="http://image29.360doc.com/DownloadImg/2011/05/2022/11888001_1.jpg" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>

 

置入博客方法如下图解：

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