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

棂芸阁

经典与时尚的前沿从这里起航

 
 
 

日志

 
 

用图片制作音画边框的方法  

2014-01-19 11:46:32|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

                   

   用图片制作音画边框的方法                                               

                          

 

        我们学过用各种图片做音画边框,今天我们学不用图片做音画边框,这里有内外边框之分,具体做法如下:

一、外边框的代码:

<TABLE style="BORDER-RIGHT: #ff0000 10px ridge; BORDER-TOP: #00ff00 10px ridge; BORDER-LEFT:#00cd00 10px ridge; BORDER-BOTTOM: #4b0082 10px ridge; BACKGROUND-COLOR: #ff0000" cellSpacing=0>

<TBODY>
<TR>
<TD>

这里是文字的输入地方,随着文字的增多,边框就逐渐放大。这里可直接复制粘贴图片或加入背景图片的代码或多个动画代码(做多层透明flash动画)。

</TD></TR></TBODY></TABLE>

       说明:红色代码是右边框绿色代码是上边框深蓝色代码是左边框桃红色代码是下边框天蓝色代码是边框内面背景颜色黄色代码cellSpacing=0是限制内边框与外边框距离的,“0”表示没有距离,是可以改变的。#号后面的00ff00是颜色代码,可以变换,要统一边框颜色就要将四边#号后的代码变为同一个代码,否则,四边的颜色就会不同。颜色代码可以在颜色代码表里找;10PX是表示外边框的宽度,数值可以改变;

 
这里是文字的输入地方,随着文字的增多,边框就逐渐放大。这里可直接复制粘贴图片或加入背景图片的代码或多个动画代码(做多层透明flash动画)。
     

 二、内边框代码及加进外边框的方法?

         1、内边框代码:

                <TABLE border=1>
                <TBODY>
                <TR>
                <TD>

            2、说明:

                A、“=”号后的“1”可以变为“2”或“3”,不可改得太大,因为这是限制内边框宽度的,太宽了就不好看了;

                B、计划做几个内边框,就将这段代码放开头那段代码的<TD>后,(即“文字”前)并复制粘贴几次;

            3、以做三个内边框为例:也就是将内边框代码复制粘贴三次放于开头那段代码的<TD>后,(即“文字”前)边框的宽设为“1”,代码变化如下:

<TABLE style="BORDER-RIGHT: #ff0000 10px ridge; BORDER-TOP: #00ff00 10px ridge; BORDER-LEFT::#00cd00 10px ridge; BORDER-BOTTOM: #4b0082 10px ridge; BACKGROUND-COLOR: #ff0000" cellSpacing=0>
<TBODY>
<TR>
<TD>

<TABLE border=1>
<TBODY>
 <TR>
 <TD>

<TABLE border=1>
<TBODY>
<TR>
<TD>

 <TABLE border=1>
 <TBODY>
 <TR>
 <TD>

这里是文字的输入地方,随着文字的增多,边框就逐渐放大。可以加入背景图片的代码 ,在这里还可以放一个或多个动画代码(做多层透明flash动画)。

</TD></TR></TBODY></TABLE>

看看经过三次粘贴内框代码后做出来的效

这里是文字的输入地方,随着文字的增多,边框就逐渐放大。可以加入背景图片的代码

 三、我们现在看看改变内边框与外边框的代码 cellSpacing=0改为等于“6”  后的效果图:

 

这里是文字的输入地方,随着文字的增多,边框就逐渐放大。可以加入背景图片的代码


 

                    棂芸阁欢迎来访                                                                                                                                    

       


 


 

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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