制作上下水晶效果的边框代码【移动画廊】

(2009-10-06 21:42:44)

标签：边框

水晶效果

图片

移动

博客技巧

博客装饰

代码

美化博客

休闲

杂谈

分类：【边框代码】

效果图一

效果图二

效果图三

效果图四

边框图一

边框图二

图片一

图片二

注   释

请与博文《制作水晶边框的代码及5款应用实例》对比效果，本代码的不同之处是上下边框均有水晶效果，而且增加了框内的底色。可以直接在边框内添加图片、文字和FLASH，使用方便而又有特色。我制作不同颜色、不同规格的移动画廊效果图供朋友们参考。代码中的参数和边框颜色可以根据你的创意进行设置，预览效果满意即可。代码中的图片地址换成你自己的图片地址，即可成为属于你的独一无二的作品。

点击图片看昭昭 

公主的文字博客

边 框 代 码

<DIV align=center>

<TABLE borderColor=#7fffd4 height=200 cellSpacing=0 cellPadding=0 width=500 align=center bgColor=#5f9f5f border=1>

<TBODY>

<TR>

<TD style="FILTER: Blur(Add=true, Direction=180, strength=20)" bgColor=#006400 height=25>

<DIV align=center></DIV></TD></TR>

<TR>

<TD vAlign=top height=150>

<P align=center></P></TD></TR>

<TR>

<TD style="FILTER: Blur(Add=true, Direction=180, strength=20)" bgColor=#006400 height=25>

<DIV align=center></DIV></TD></TR></TBODY></TABLE></DIV>

效果图代码

<DIV align=center>

<TABLE borderColor=#7fffd4 height=200 cellSpacing=0 cellPadding=0 width=500 align=center bgColor=#5f9f5f border=1>

<TBODY>

<TR>

<TD style="FILTER: Blur(Add=true, Direction=180, strength=20)" bgColor=#006400 height=25>

<DIV align=center></DIV></TD></TR>

<TR>

<TD vAlign=top height=150>

<P align=center>

<MARQUEE behavior=alternate width="100%"><IMG height=200 src="http://s10.sinaimg.cn/orignal/5e1a7abfg75446160ff49&amp;690" border=0><IMG height=200 src="http://s5.sinaimg.cn/orignal/5e1a7abfg754461518964&amp;690" border=0></MARQUEE></P></TD></TR>

<TR>

<TD style="FILTER: Blur(Add=true, Direction=180, strength=20)" bgColor=#006400 height=25>

<DIV align=center></DIV></TD></TR></TBODY></TABLE></DIV>

分享：