一、图左文右近型:
代码:
<P><IMG height=201 src="图片地址" width=154 align=left border=0><FONT face=Arial> 日志文字<BR> </FONT><BR clear=left></P>
图例:
日志文字在左边的示例
二、图左文右远有距离型:
代码:如果你觉得文字与图片太接近了.可加入 [vspace=0 hspace=30] 加入后的代码: <img border="0" src="图片地址" align=left vspace=0 hspace=30 width="154" height="201"> 你可以调整这两个值,通过试验看一看会有什么样的变化...
改后的代码是:
<P><IMG height=201 hspace=30 src="图片地址" width=154 align=left border=0><FONT face=Arial>日志文字</FONT></P>图例:
日志文字图左文右远有距离型
三、图右文左:
代码:
<P><IMG height=201 src="图片地址" width=154 align=right border=0><FONT face=Arial> 日志文字<BR> </FONT><BR clear=left></P>
图例:
日志文字图右文左
四、文字在图右下角
代码:<P><IMG height=201 src="图片地址" width=154 align=up border=0><FONT face=Arial> 日志文字<BR> </FONT><BR clear=left></P>
图例:
日志文字在图右下角
五、文字在图片之间:
代码:<P><IMG height=201 src="图片地址" width=154 align=CENTER border=0><FONT face=Arial> 日志文字<BR> </FONT><BR clear=left></P>
图例:
日志文字在图片之间
六、文字在图片中间:
<TABLE height=300 cellSpacing=1 width=280 background=图片地址>
<TBODY>
<TR>
<TD width=220 height=210>
<P align=center>文字</P></MARQUEE></TD></TR></TBODY></TABLE>图例:
文字在图片中间
七、让图片飘起来(红色区自己可换图)
代码:<DIV align=center>
<MARQUEE scrollAmount=10 direction=right behavior=alternate>
<MARQUEE direction=up behavior=alternate width=450 height=350><IMG src="http://img.blog.163.com/photo/zF1W-BK0hLjoOy5Y34ezQQ==/5145362574271285321.jpg"></MARQUEE></MARQUEE图例:
八、图片走走停停
<MARQUEE scrollAmount=3 behavior=alternate width=100%><MARQUEE scrollAmount=3 width=96%>
<IMG src="http://img.blog.163.com/photo/ubj4CdHASK1V4fm6DF7Gkg==/877357502407456120.jpg"><IMG src="http://img.blog.163.com/photo/ubj4CdHASK1V4fm6DF7Gkg==/877357502407456120.jpg"><IMG src="http://img.blog.163.com/photo/ubj4CdHASK1V4fm6DF7Gkg==/877357502407456120.jpg">
</MARQUEE></MARQUEE>图例:
九、浮雕效果
<center><img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center>
图例:
十、水中倒影效果
<center><IMG src="图片地址" width="200" height="150"><BR>
<IMG src="图片地址" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" width="200" height="150"></center>图例:
评论