如何制作边框的代码 - 大海胸怀的日志 - 网易博客

来源:百度文库 编辑:神马文学网 时间:2024/04/27 23:46:05

 

一、做边框的代码:

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


这里输入文字

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

看看效果:


这里输入文字

 

 二、怎样加进内边框?

         1、代码:

               


                     

                      

                     

          2、说明:

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

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

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

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

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

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

BACKGROUND-COLOR: #ff0000" cellSpacing=0>





 

 




这里输入文字。


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

这里输入文字


大海胸怀

http://chenkeqin001.blog.163.com/



如何制作边框的代码 - 大海胸怀的日志 - 网易博客 如何制作边框的代码 引用 精美边框代码与制作效果(4) - 成靖的日志 - 网易博客 引用 精美边框代码与制作效果1(4) - 成靖的日志 - 网易博客 悲惨世界 - 草原胸怀的日志 - 网易博客 引用 边框代码注解 - 成靖的日志 - 网易博客 边框代码含义详解 - 蓝天的日志 - 网易博客 引用 边框代码及效果图 - siming的日志 - 网易博客 网易博客代码制作 - 香儿的日志 - 网易博客 在线制作精美边框 - 佳奇的日志 - 网易博客 【精美边框】学学日志边框的制作 - 同恩的日志 - 网易博客 如何制作音画贴(代码) - 無為居士的日志 - 网易博客 如何制作漂亮的时钟-网易博客代码 音画制作常用代码 - 燕儿的日志 - 网易博客 博客日志边框最基本的代码 日志用的彩色边框代码 - 落花的夜的日志 - 网易博客 制作花卉边框的代码 引用 最新Flash日志边框代码 - 成靖的日志 - 网易博客 给日志加彩色边框代码 - 哥们干杯!的日志 - 网易博客 引用 精美日志边框【有代码】 - 又见彩虹的日志 - 网易博客 日志彩色边框,图片写字,flash写字代码 - 周三博的日志 - 网易博客 给日志加彩色边框代码 - 无天的日志 - 网易博客 【日志制作】五款图片颜色边框的代码 自己如何安装系统(方法、图解) - 大海的日志 - 网易博客

 


 

 

 

这里输入文字

看看效果: