音画边框制作(二)

来源：百度文库 编辑：神马文学网 时间：2024/04/30 00:29:56
不用图片制作音画边框

                              

                              

                          

 

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

一、外边框的代码：

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>



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

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

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

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

 

 

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

 

         1、内边框代码：

               


                
                
                

            2、说明：

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

                B、计划做几个内边框，就将这段代码放开头那段代码的

后，（即“文字”前）并复制粘贴几次;

            3、以做三个内边框为例：也就是将内边框代码复制粘贴三次放于开头那段代码的

后，（即“文字”前）边框的宽设为“1”，代码变化如下：

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




 
 




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

 

 

 

 

 

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

 

 

这里是文字的输入地方，随着文字的增多，边框就逐渐放大。可以加入背景图片的代码       
音画边框制作(二) 音画边框制作(二1) 快速学会制作音画边框 制作音画——边框模式 教你音画边框制作及代码 紫丁香制作音画边框素材日志导航 如何制作音画边框视频讲课录像 音画制作入门---怎样做边框 1 教你音画边框制作及代码 成品边框二 - 紫藤音画阁 教你音画边框制作及代码（大图） HTML音画介绍之一--基本原理和边框的制作 【空间学堂】音画制作入门---怎样做边框 音画边框 音画边框 音画边框 边框制作 制作边框 音画制作代码集（二） 大图音画制作全过程（二） [转] 音画素材（ 二 ）(金色边框) [图片] 精美边框代码与制作效果(二) 2 【制作代码】音画制作代码集之二 【边框制作】如何制作·日志边框

 


 
 
 

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

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