福建医科大学党委书记:如何不用图片地址做边框的方法=

来源:百度文库 编辑:偶看新闻 时间:2024/05/05 05:28:37
如何不用图片地址做边框的方法?
一、不引用图片地址做边框的代码:
首先看一下效果图,如下:
这里是文字的输入地方,随着文字的增多,边框就逐渐放大。可以放加入背景图片的代码 ,
在这里还可以放一个或多个动画代码(做多层透明flash动画)。
代码如下:




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

说明:
<1>: (上、下、左、右边框的取色)红色代码是右边框;绿色代码是上边框;深蓝色代码是左边框;桃红色代码是下边框;
<2>:天蓝色代码是边框内面背景颜色;黄色代码cellSpacing=0是限制内边框与外边框距离的,“0”表示没有距离.(可根据需要,适当修改其数据)
<3>:边框颜色的取色,要根据你的需要而选取不同的颜色.找到代码中的 # 号后面的000000便是颜色代码,'00000'为黑色代码.颜色的选用,请叁见:《颜色代码大全》一文.(点击下列表格中的文章)
《颜色代码大全》
<4>:要想使四面边框颜色统一,只需将 # 号后面的'000000'全部变为同一颜色代码即可.10px是表示外边框的宽度,数值同样可以适当修改.
<5>:这段代码中没有内边框代码,所以称之为:一层边框或单层背景边框.
二、多层边框的制作方法:(二层边框)
上面讲的是一层即单层边框的制作方法.那么该怎样给单层边框加多层内边框呢?
先看下面代码:(二层边框)








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

说明:
<1>:黑色处为单层边框代码. 绿色处为多层边框开头的必加代码,把它放在单层代码后面;
<2>:兰色处即为内层边框,其中 border=1表示内边框的粗、细,可在1-6之间选择.数值过大,边框就会显得过粗而影响美观;cellSpacing=0表示内外边框间的距离;
<3>:此代码为二层边框代码,看它的效果图如下:
这里是文字的输入地方,随着文字的增多,边框就逐渐放大。可以放加入背景图片的
代码 ,在这里还可以放一个或多个动画代码(做多层透明flash动画)。
<4>:如将上面代码中的border=1、cellSpacing=0数值修改为;border=4、cellSpacing=6后,看到的效果图如下:
这里是文字的输入地方,随着文字的增多,边框就逐渐放大。可以放加入背景图片
的代码 ,在这里还可以放一个或多个动画代码(做多层透明flash动画)。
<5>:如果想做三、四或多层边框,只需采用复制粘贴上面代码中码兰色处即可.现在我以四层边框为例:
看代码:




















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

说明:cellSpacing=0和上面同样表示内边框与内边之间的距离 border=1表示里层各边框的粗、细度.
看它的效果图如不:(该效果图中的cellSpacing=0、border=1数据本人己作了修改)
这里是文字的输入地方,随着文字的增多,边框就逐渐放大。可以放加入背景图片
的代码 ,在这里还可以放一个或多个动画代码(做多层透明flash动画)。
以上就是不用图片地址,来做简易边框的方法.
许多朋友看了这篇文章后,留言问我:
<1>:看到别人家博客里许多静、动态的边框是如何制作的?
<2>:音画、图片等是怎样添加的呢?
有关这方面的制作,请叁见本人的:
 
"边框"的制作方法及技巧
◇简单"边框"的制作方法◇  ◇"边框"的代码分析◇  ◇如何不用图片做"边框"的方法◇  ◇用动、静态图片组合制作"边框"◇  ◇用"静态"图片做"边框"的方法◇  ◇怎样给"图片"添加漂亮的"边框"◇  ◇多层"边框"的添加方法◇  ◇如何改变"边框"中各边框线的粗细值◇  ◇如何调整"边框"的宽度及高度◇  ◇怎样改变边框颜色及边框线数值◇  ◇边框内层背景颜色的替换方法◇  ◇为你提供精美的"边框"及"边框"素材◇