2005/4/19
高级教程——添加背景图片
效果一展示
从我们相遇那一刻起
我的心就如同绽开的花朵一样缤纷美丽
在夹杂着花瓣的风中感受心中心中的甜蜜
代码:
<DIV align=center>
<DIV style="WIDTH: 350px"><IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style=2); WIDTH: 483px; HEIGHT: 548px" height=582 src="图片地址" width=394 align=right>
<DIV style="FLOAT: left; WIDTH: 100%" align=left>
<P align=left>日志文字</P>
红色部分为效果代码,可用下面的相应语句替换!
柔边效果-均勻 :
filter:alpha(opacity=25, finishOpacity=25,style=0)
柔边效果-线狀(左往右) :
filter:alpha(opacity=0, finishOpacity=100,style=1)
柔边效果-圓形(外往中央):
filter:alpha(opacity=100, finishOpacity=0,style=2)
柔边效果-圓形(中央往外):
filter:alpha(opacity=100, finishOpacity=0,style=3)
诙谐效果 :
<img src="图片地址" style="filter: gray">
X光效果 :
<img src="图片地址" style="filter: Xray">
色彩对换 :
<img src="图片地址" style="filter:invert">
左右翻转 :
<img src="图片地址" style="filter:FlipH()">
上下翻转 :
<img src="图片地址" style="filter:FlipV()">
发光效果 :
<div style="width: 134px; height: 140px;filter:glow(color=#ffffff, strength=6)"><img src="图片地址" ></div>
附阴影效果 :
<div style="width: 134px; height: 140px;filter:shadow(color:#333333,direction=150);"><img src="图片地址" ></div>
投射阴影效果 :
<DIV style="FILTER: Dropshadow(color:#333333,direction=150,offX=5,offY=5); WIDTH: 134px; HEIGHT: 140px"><img src="图片地址" ></div>
波形效果 :
<DIV style="FILTER: Wave(strength=5,lightstrengh=5); WIDTH: 134px; HEIGHT: 140px"><img src="图片地址" ></div>
模糊效果 :
<DIV style="FILTER:Blur(direction=150); WIDTH: 134px; HEIGHT: 140px"><img src="图片地址"></div>
效果二展示
不过,如果你的背景图片不需要加效果的话,建议用表格背景语句更为简便,灵活,先看一下效果:
日志文字 日志文字日志文字 日志文字日志文字日志文字 日志文字日志文字日志文字日志文字
|
代码:
<TABLE border=1>
<TBODY>
<TR>
<TH background=图片URL地址>日志文字</TH></TD></TR></TBODY></TABLE>
PS: border控制边框宽度