一个真实的我作文800:简单制作边框

来源:百度文库 编辑:偶看新闻 时间:2024/05/05 01:37:19
2009-02-23 13:55:02|  分类: 常用代码 |  标签: |字号大中小 订阅

 

一、做外边框的代码:

BORDER-RIGHT: #00ff00 10px ridge;BORDER-TOP: #00ff00 10px ridge;BORDER-LEFT: #00ff00 10px ridge;BORDER-BOTTOM: #00ff00 10px ridge;BACKGROUND-COLOR: #000000" cellSpacing=0>


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

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

看看效果:

 

笑看风云提示:这里是文字的输入地方,随着文字的增多,边框就逐渐放大。可以放加入背景图片的代码 ,在这里还可以放一个或多个动画代码(做多层透明flash动画)。
二、怎样加进内边框?

         1、代码:

               


                  

                  

                  

          2、说明:

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

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

后,(即“文字”前)并复制粘贴几次;

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

后,(即“文字”前)边框的宽设为“1”,代码变化如下:

BORDER-LEFT: #00ff00 10px ridge; BORDER-BOTTOM: #00ff00 10px ridge;

BACKGROUND-COLOR: #000000" cellSpacing=0>









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

看看将限制内边框与外边框距离的代码cellSpacing=0改为等于“5”后的效果:

 

笑看风云提示:这里是文字的输入地方,随着文字的增多,边框就逐渐放大。可以放加入背景图片的代码 ,在这里还可以放一个或多个动画代码(做多层透明flash动画)。
  评论这张 转发至微博 转发至微博 0人  |  分享到:          阅读(213)| 评论(0)| 引用 (6) |




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

看看代码变化后的效果: