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

m13301478468的博客

刘勇

 
 
 

日志

 
 

【转载】音画边框制作(一)  

2014-10-01 12:11:06|  分类: 博客技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自老君《音画边框制作(一)》

 

                   

                用图片制作音画边框

                              

                                               

 

        初学音画的第一步是做简易边框,做音画的边框,实际上就是做表格框.由不同颜色的表格框层叠起来,四周没有被遮盖的部分就形成了边框,做几层边框你就把开始的那段边框代码复制粘贴几次,修改一下宽度,粘贴不同颜色的图片地址就行了。具体做法如下 :

        一、将边框代码复制粘贴第一次,在图片地址处(background=)粘贴图片地址,将整个边框的宽度(width)设为700,这是框线的宽度(cellSpacing)数字可改变的。这是框间距(border)数字可改变,但数字不要过大。以下是边框代码:

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

复制粘贴后的效果

这里是插入文字与图片的地方

        二、依然将开始那段边框代码复制粘贴第二次,在图片地址处(background=)粘贴图片地址,将整个边框的宽度(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=680 background=第二层边框图片地址 border=0>
<TBODY>
<TR>
<TD width=680>

第二次复制粘贴后的效果

这里是插入文字与图片的地方

         三、依然将开始那段边框代码复制粘贴第三次,在图片地址处(background=)粘贴图片地址,将整个边框的宽度(width)设为660,将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>

第三次复制粘贴后的效果

这里是插入文字与图片的地方

        四、依然将开始那段边框代码复制粘贴第四次,在图片地址处(background=)粘贴图片地址,将整个边框的宽度(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>

第四次复制粘贴后的效果

这里是插入文字与图片的地方

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

 

 

音画边框制作(一) - 老君 - 老君小屋

 

 

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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