HTML代码学习（二）

移动的羽化特效   代码：

<MARQUEE scrollAmount=2 direction=right><IMG style="FILTER: alpha(opacity=100,style=2)" type=image width=200 src="http://qhcn.net/luntan/UploadFile/2005-8/2005818141658793.jpg"></MARQUEE>

倒影特效    代码：

<FONT style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="//qhcn.net/luntan/UploadFile/2005-8/2005818141658793.jpg"><FONT id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px"><IMG src="//qhcn.net/luntan/UploadFile/2005-8/2005818141658793.jpg">

<P></P></FONT></FONT></P>

邮票框代码：

<CENTER>

<TABLE style="BORDER-RIGHT: #f6ae56 3px dashed; BORDER-TOP: #f6ae56 3px dashed; BORDER-LEFT: #f6ae56 3px dashed; BORDER-BOTTOM: #f6ae56 3px dashed" cellSpacing=5 cellPadding=0 bgColor=#f6ae56>

<TBODY>

<TR>

<TD vAlign=center align=middle width=524 bgColor=#aeffae height=349>

<P align=left><IMG src="//qhcn.net/luntan/UploadFile/2005-8/2005818141658793.jpg"></P></TD></TR></TBODY></TABLE></CENTER>

效果

单线框代码：

<TABLE style="BORDER-RIGHT: #ff0000 3px solid; BORDER-TOP: #ff0000 3px solid; BORDER-LEFT: #ff0000 3px solid; BORDER-BOTTOM: #ff0000 3px solid" height=400 cellSpacing=0 cellPadding=0 width=600 background=http://qhcn.net/luntan/UploadFile/2005-8/2005818141658793.jpg border=1 bortercolor="#000000">

<P></P>

<TBODY>

<TR>

<TD width="100%"></TD></TR></TBODY></TABLE>

<CENTER></CENTER>

 

双线框

代码：

<CENTER>

<TABLE style="BORDER-RIGHT: green 5px double; BORDER-TOP: green 5px double; BORDER-LEFT: green 5px double; BORDER-BOTTOM: green 5px double" height=400 cellSpacing=0 cellPadding=0 width=600 background=http://qhcn.net/luntan/UploadFile/2005-8/2005818141658793.jpg border=1 bortercolor="#000000">

<TBODY>

<TR>

<TD width="100%"></TD></TR></TBODY></TABLE></CENTER>

凸出框代码：

<CENTER>

<TABLE style="BORDER-RIGHT: #ff88ff 25px outset; BORDER-TOP: #ff88ff 25px outset; BORDER-LEFT: #ff88ff 25px outset; BORDER-BOTTOM: #ff88ff 25px outset" height=400 cellSpacing=0 cellPadding=0 width=600 background=http://qhcn.net/luntan/UploadFile/2005-8/2005818141658793.jpg border=1 bortercolor="#000000">

<TBODY>

<TR>

<TD width="100%"></TD></TR></TBODY></TABLE></CENTER>

看一下效果

虚线框代码：

<BR><BR><BR>

<CENTER>

<TABLE style="BORDER-RIGHT: #ff0000 4px dashed; BORDER-TOP: #ff0000 4px dashed; BORDER-LEFT: #ff0000 4px dashed; BORDER-BOTTOM: #ff0000 4px dashed" height=400 cellSpacing=0 cellPadding=0 width=600 background=http://qhcn.net/luntan/UploadFile/2005-8/2005818141658793.jpg border=1 bortercolor="#000000">

<TBODY>

<TR>

<TD width="100%"></TD></TR></TBODY></TABLE></CENTER><BR><BR><BR>

凹槽框代码：

<BR><BR><BR>

<CENTER>

<TABLE style="BORDER-RIGHT: green 25px groove; BORDER-TOP: green 25px groove; BORDER-LEFT: green 25px groove; BORDER-BOTTOM: green 25px groove" height=400 cellSpacing=0 cellPadding=0 width=600 background=http://qhcn.net/luntan/UploadFile/2005-8/2005818141658793.jpg border=0 bortercolor="#000000">

<TBODY>

<TR>

<TD width="100%"></TD></TR></TBODY></TABLE></CENTER><BR><BR><BR>

横向渐变透明代码：

<BR><BR><BR>

<CENTER>

<TABLE style="FILTER: alpha(opacity=100,style=1,finishopacity=0)" height=400 cellSpacing=0 cellPadding=0 width=600 background=http://qhcn.net/luntan/UploadFile/2005-8/2005818141658793.jpg border=1 bortercolor="#000000">

<TBODY>

<TR>

<TD width="100%"></TD></TR></TBODY></TABLE></CENTER><BR><BR><BR>

圆形渐变透明代码：

<BR><BR><BR>

<CENTER>

<TABLE style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" height=400 cellSpacing=0 cellPadding=0 width=600 background=http://qhcn.net/luntan/UploadFile/2005-8/2005818141658793.jpg border=1 bortercolor="#000000">

<TBODY>

<TR>

<TD width="100%"></TD></TR></TBODY></TABLE></CENTER><BR><BR><BR>