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

素手红尘的博客

得之我幸,不得我命~

 
 
 

日志

 
 
关于我

红尘中多少的事事非非,如过眼云烟,好也罢坏也罢,又能如何,采东篱泛轻舟,轻酌淡酒,隐逸世间~!!

网易考拉推荐

【引用】怎样制作边框 2011年10月15日  

2011-10-17 20:07:16|  分类: 博客音画 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

怎样制作边框

2011年10月15日 - 杨东 - 杨东小园

  

制作边框的第一步

一、将边框代码复制粘贴第一次,在图片地址处粘贴纯色图片地址,将整个边框的宽度(width)设为700,看看效果怎样;

<TABLE cellSpacing=15 cellPadding=0 width=700 background=底层边框纯色图片地址 border=0>
<TBODY>
<TR>
<TD>

看看效果:


二、依然将开始那段边框代码复制粘贴第二次,在图片地址处粘贴纯色图片地址,将整个边框的宽度(width)设为680,将cellSpacing的值设为10,看看效果怎样;

<TABLE cellSpacing=15 cellPadding=0 width=700 background=底层边框纯色图片地址 border=0>
<TBODY>
<TR>
<TD width=700>

<TABLE cellSpacing=10 cellPadding=0 width="100%" background=第二层边框纯色图片地址 border=0>
<TBODY>
<TR>
<TD>

第二次看效果:

三、依然将开始那段边框代码复制粘贴第三次,在图片地址处粘贴纯色图片地址,将整个边框的宽度(width)设为660,将cellSpacing的值设为10,看看效果怎样;

<TABLE cellSpacing=15 cellPadding=0 width=700 background=底层边框纯色图片地址 border=0>
<TBODY>
<TR>
<TD>

<TABLE cellSpacing=10 cellPadding=0 width="100%" background=第二层边框纯色图片地址 border=0>
<TBODY>
<TR>
<TD>

<TABLE cellSpacing=10 cellPadding=0 width="100%" background=第三层边框纯色图片地址 border=0>
<TBODY>
<TR>
<TD>

第三次看看效果:

四、依然将开始那段边框代码复制粘贴第四次,在图片地址处粘贴纯色图片地址,将整个边框的宽度(width)设为640,将cellSpacing的值设为10,看看效果怎样;

<TABLE cellSpacing=15 cellPadding=0 width=700 background=底层边框图片地址(纯色图片) border=0>
<TBODY>
<TR>
<TD width=700>

<TABLE cellSpacing=10 cellPadding=0 width=680 background=底层边框图片地址(纯色图片) border=0>
<TBODY>
<TR>
<TD width=680>

<TABLE cellSpacing=10 cellPadding=0 width=660 background=底层边框图片地址(纯色图片) border=0>
<TBODY>
<TR>
<TD width=660>

<TABLE cellSpacing=10 cellPadding=0 width=640 background=底层边框图片地址(纯色图片) border=0>
<TBODY>
<TR>
<TD width=640>

第四次看看效果:

小结:

    1、说白了,做音画的边框,实际上就是做表格框.由不同颜色的表格框层叠起来,四周没有被遮盖的部分就形成了边框;

    2、做几层边框你就把开始的那段边框代码复制粘贴几次,修改一下宽度,粘贴不同颜色的图片地址就行了;

    3、现在看来这个四层的边框很小,但只要一把内容放进去,它就会扩大了。内容放得越多,边框就会自动撑得越大。

 

    那么,又怎样在做好的边框内添加内容呢?

    那就请看:怎样在边框内添加内容

 

 

 

  评论这张
 
阅读(50)| 评论(3)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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