1、簡(jiǎn)單邊框:
　　 　　

語(yǔ)法

 

2、雙邊框效果圖:
　　 　　

語(yǔ)法

<img src="http://image59.360doc.com/DownloadImg/2013/03/3100/31309315_1.jpg" style=" border:7 double #666FF">

語(yǔ)法

<img src="圖片地址" style=" border:相框?qū)挾?/font> double 相框顏色">

 

3、虛線邊框效果圖:
　　 　

語(yǔ)法

<img src="http://image59.360doc.com/DownloadImg/2013/03/3100/31309315_1.jpg" style=" border:3 dashed #990000">

語(yǔ)法

<img src="圖片地址" style=" border:相框?qū)挾?/font> dashed 相框顏色">

 

　4、凸出框

　　 　

語(yǔ)法

<img src="http://image59.360doc.com/DownloadImg/2013/03/3100/31309315_1.jpg" style="border:10 outset #CCCCFF">

語(yǔ)法

<img src="圖片地址" style="border:相框?qū)挾?/font> outset 相框顏色">

 

　5、嵌入框

　　 　　

語(yǔ)法

<img src="http://image59.360doc.com/DownloadImg/2013/03/3100/31309315_1.jpg" style="border:15 inset #ff9900">

語(yǔ)法

<img src="圖片地址" style="border:相框?qū)挾?/font> inset 相框顏色">

 

6、脊?fàn)羁?br>
　　 　　

語(yǔ)法

<img src="http://image59.360doc.com/DownloadImg/2013/03/3100/31309315_1.jpg" style="border:15 ridge #33FF66">

語(yǔ)法

<img src="圖片地址" style="border:相框?qū)挾?/font> ridge 相框顏色">

 

7、凹槽框

　　 　

語(yǔ)法

<img src="http://image59.360doc.com/DownloadImg/2013/03/3100/31309315_1.jpg" style="border:15  groove #CC6666">

語(yǔ)法

<img src="圖片地址" style="border:相框?qū)挾?/font>  groove 相框顏色">

 

　8、粒狀陰影框

　　 

語(yǔ)法

<img src="http://image59.360doc.com/DownloadImg/2013/03/3100/31309315_1.jpg" width="280" height="320" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#080808,strength=30">

語(yǔ)法

<img src="圖片地址" width="圖片寬度" height="圖片高度" style="filter:progid:DXImageTransform.Microsoft.Glow(color=相框顏色,strength=相框?qū)挾?/font>">

code: 顏色代碼