代码贴图效果 凸出框

1. <CENTER><IMG style="BORDER-RIGHT: #ff88ff 25px outset; BORDER-TOP: #ff88ff 25px outset; BORDER-LEFT: #ff88ff 25px outset; BORDER-BOTTOM: #ff88ff 25px outset"src="//img015.photo.21cn.com/photos/album/20081231/o/2A30E7876D4229F78623DC3D2BEE3000.jpg"></CENTER>

复制代码

 

凹进框

1. <CENTER><IMG style="BORDER-RIGHT: #ff88ff 25px inset; BORDER-TOP: #ff88ff 25px inset; BORDER-LEFT: #ff88ff 25px inset; BORDER-BOTTOM: #ff88ff 25px inset" src="//image5.360doc.com/DownloadImg/2009/11/24/476374_9659639_1.jpg"></CENTER>
2. <CENTER> </CENTER>
3. <CENTER><BR> </CENTER>

复制代码

圆形渐变透明

1. <CENTER><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="//image5.360doc.com/DownloadImg/2009/11/24/476374_9659639_1.jpg"></CENTER>

复制代码

 

X形渐变透明

1. <CENTER><IMG style="FILTER: alpha(opacity=100,style=3,finishopacity=0)" src="ttp://attachments07.51fe.com/attachments06/forumid_68/month_0811/20081119_ed98f230107c0e4070e1NFkEh0SD0H8t.jpg"></CENTER>

复制代码

羽化图片再加上移动标签，也可作各种方向移动，例如来回走的代码：

1. <marquee behavior=alternate><BR>
2. <img src="//image5.360doc.com/DownloadImg/2009/11/24/476374_9659639_1.jpg" style="FILTER: alpha(opacity=100,style=2)"width=300><BR>
3. </marquee></p>

复制代码

 

 

 

多张图片移动的代码． 图片之间设一个空格，图片就不会粘并． 显示结果：

1. <MARQUEE style="WIDTH: 500px" scrollAmount=3 direction=left scrolldelay='30' height=130>
2. <img src="//bbs.gw.com.cn/UploadFace/519242_200621410461352612.gif">
3. 　<img src="//bbs.gw.com.cn/UploadFile/2008-6/20086111655121954.jpg">
4. 　<img src="//bbs.gw.com.cn/UploadFile/2008-6/20086111661945415.jpg">
5. 　<img src="//bbs.gw.com.cn/UploadFile/2008-6/200861116133244440.jpg">
6. 　<img src="//bbs.gw.com.cn/UploadFile/2008-6/200861116134888995.jpg">
7. 　<img src="//bbs.gw.com.cn/UploadFile/2008-6/20086111614095812.jpg">
8. 　<img src="//bbs.gw.com.cn/UploadFile/2008-6/200861116181163750.jpg">
9. 　<img src="//bbs.gw.com.cn/UploadFace/519242_200621410461352612.gif">
10. </marquee>

复制代码