注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

小龙女的博客

欢迎你来到小龙女的家园

 
 
 

日志

 
 

学做音画第二课--边框代码详解  

2008-12-14 19:57:16|  分类: 学作音画 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

 

 

 

上一课我们讲了要做一个漂亮的完整边框要准备的图片素材!

现在我们讲讲如何将那些图片组合成上面的边框

这套边框的完整代码如下:

<TABLE style="LEFT: -125px; WIDTH: 1000px; POSITION: relative;
TOP: 0px" cellSpacing=0 cellPadding=10 width="100%">
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>

<TABLE borderColor=#cccccc cellSpacing=86 cellPadding=3
width="100%" align=center background=http://w.886.cn/5miQ
/60986978/764008_53199.gif border=0>
<TBODY>
<TR>
<TD>

<TABLE cellSpacing=0 cellPadding=10 width="100%" align=center
background=http://w.886.cn/5miQ/60987120/2977203_6740.gif border=0>
<TBODY>
<TR>
<TD>

<TABLE cellSpacing=0 borderColorDark=#7e97a2 cellPadding=7
width="100%" align=center borderColorLight=#beced6 background=htt

p://xz1.2000y.net/314311/../../admin/uploadpic
/2005112312003327082.gif border=1>
<TBODY>
<TR>
<TD>

<TABLE cellSpacing=0 borderColorDark=#7e97a2 cellPadding=7
width="100%" align=center borderColorLight=#beded6 backgrou
nd=http://tu.ywzc.net/zw/mg/1.1.jpg border=1>
<TBODY>
<TR>
<TD>

<TABLE cellSpacing=0 borderColorDark=#7e97a2 cellPadding=5
width="100%" align=center borderColorLight=#beded6 backgro
und=http://w.886.cn/5miQ/60986932/1440116_35976.gif border=1>
<TBODY>
<TR>

<TD align=middle><FONT color=#ff00ff>
<P align=center>
<P align=center></A></P>
<P align=center>&nbsp;</P>
<P align=center>&nbsp;</P>
<P align=center>&nbsp;</P>
<P align=center>&nbsp;</P>
<P align=center><FONT color=#00ffff size=7></FONT>&nbsp;</P></FONT>

</FONT></TD></TR></TBODY>
</TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<P></P></DIV></TD></TR></TBODY></TABLE>

<bgsound src=http://www.emadet.com/admin/image/qf.mp3 loop="-1">

 

有的朋友一定会问这么密密麻麻的是什么呀,我看不太明白,

好,那我们做个详细的介绍:

<TABLE style="LEFT: -125px; WIDTH: 1000px; POSITION: relative;
TOP: 0px" cellSpacing=0 cellPadding=10 width="100%">
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>

以上是全屏代码

 <TABLE borderColor=#cccccc cellSpacing=86 cellPadding=3
width="100%" align=center background=http://w.886.cn/5miQ
/60986978/764008_53199.gif border=0>
<TBODY>
<TR>
<TD>
第一层边框

 


<TABLE cellSpacing=0 cellPadding=10 width="100%" align=center
background=http://w.886.cn/5miQ/60987120/2977203_6740.gif border=0>
<TBODY>
<TR>
<TD>
第二层边框


<TABLE cellSpacing=0 borderColorDark=#7e97a2 cellPadding=7
width="100%" align=center borderColorLight=#beced6 background=h

ttp://xz1.2000y.net/314311/../../admin/uploadp
ic/2005112312003327082.gif border=1>
<TBODY>
<TR>
<TD>
第三层边框


<TABLE cellSpacing=0 borderColorDark=#7e97a2 cellPadding=7
width="100%" align=center borderColorLight=#beded6 backgroun
d=http://tu.ywzc.net/zw/mg/1.1.jpg border=1>
<TBODY>
<TR>
<TD>
第四层边框

 

<TABLE cellSpacing=0 borderColorDark=#7e97a2 cellPadding=5
width="100%" align=center borderColorLight=#beded6 backgro
und=http://w.886.cn/5miQ/60986932/1440116_35976.gif border=1>
<TBODY>
<TR>
顶层黑色闪图


<TD align=middle><FONT color=#ff00ff>
<P align=center>
<P align=center></A></P>
<P align=center>&nbsp;</P>
<P align=center>&nbsp;</P>
<P align=center>&nbsp;</P>
<P align=center>&nbsp;</P>
<P align=center><FONT color=#00ffff size=7></FONT>&nbsp;</P></FONT>

</FONT></TD></TR></TBODY>
</TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<P></P></DIV></TD></TR></TBODY></TABLE>
结尾码

<bgsound src=http://www.emadet.com/admin/image/qf.mp3 loop="-1">
背景音乐代码

好了,上面我们对每一层边框图片代码做了详细分析,相信大家应该明白了,

这个边框是怎么做出来的了,

有些朋友一定会问那我想用自已喜欢的图片来

做边框怎么办呢?

转载请注明出处《百荷音画驿站》,谢谢合作!

好,下一节我们学习如何用这些套用这串代码做自已想要的边框

 

  评论这张
 
阅读(21)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018