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

军中之花博客

生命里有了当兵的故事

 
 
 

日志

 
 
关于我

生命里有了当兵的历史,一辈子也不后悔。变化的是岁月,不变的是军人的情结。脱下军装还是兵,军营永远是我家,我爱我家!【本人只接受军人圈】

网易考拉推荐

音画边框制作(二)  

2014-02-08 21:56:35|  分类: 博客教程 |  标签: |举报 |字号 订阅

  下载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是表示外边框的宽度,数值可以改变;

依据外边框代码做出来的效果如下图:

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

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

         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”  后的效果图:

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

 

请看音画边框制作(一)

 

 

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

 

                                                                                                                                                        

                                     

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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