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

547217255的博客

 
 
 

日志

 
 

边框制作  

2018-03-25 20:46:24|  分类: 边框制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 
 
音画入门——用HTML代码做边框

 

 

 

 

 

 

效果如上:是一个四层的边框 

画的第一步是做边框:

一、将边框代码复制粘贴第一次,在图片地址处粘贴纯色图片地址,将整个边框的宽度width=700)(可根据需要将700修改大小),(cellSpacing=15是边框的大小厚度(可根据需要将15修改大小),看效果怎样;

<TABLE cellSpacing=15 cellPadding=0 width=700 background=底层边框图片地址(纯色图片) border=0>
<TBODY>
<TR>
<TD width=700>
(把这层复制四次,然后在每层改变一下宽度width=700,厚度cellSpacing=15

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

<TABLE cellSpacing=25 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>
第二层的尺寸,用时将括号连同括号里的这段字删除)

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

<TABLE cellSpacing=25 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=8 cellPadding=0 width=660 background=底层边框图片地址(纯色图片) border=0>
<TBODY>
<TR>
<TD width=660>
第三层的尺寸,用时将括号连同括号里的这段字删除)

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

<TABLE cellSpacing=25 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=8 cellPadding=0 width=660 background=底层边框图片地址(纯色图片) border=0>
<TBODY>
<TR>
<TD width=660>第三层的尺寸,用时将括号连同括号里的这段字删除)

<TABLE cellSpacing=5 cellPadding=0 width=640 background=底层边框图片地址(纯色图片) border=0>
<TBODY>
<TR>
<TD width=640>第四层的尺寸,用时将括号连同括号里的这段字删除)

小结:

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

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

    3、现在看来这个四层的边框很小,但只要一把内容放进去,它就会

扩大了。内容放得越多,边框就会自动撑得越大。

    下面是我对上面的《教你怎样用HTML代码做边框》教材的理解,就是你想做多少层的边框,你就把第一层的代码复制出多少层(当然边框是有层数要求的)。只要把(宽度width=700)和(厚度cellSpacing=15)的尺寸在每一层根据你自己的需要做一下改动就可以了。OK自己动手去实践一下吧,看看效果吧。

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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