天涯部落

小圈子,大声音!呼朋引伴网聚部落!

创建新部落?

怎样用代码做外边框和内边框

楼主:人间惆怅客SD 时间:2012-09-06 23:30:55 点击:639 回复:7
脱水模式给他打赏只看楼主 阅读设置



怎样用代码做外边框和内边框


一、做外边框的代码:


cellSpacing=0>



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



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


看看效果:



这里是文字的输入地方,随着文字的增多,边框就逐渐放大。


可以放加入背景图片的代码 ,在这里还可以放一个或多个动


画代码(做多层透明flash动画)。



 二、怎样加进内边框?


         1、代码:


                <TABLE border=1>
                      <TBODY>
                      <TR>
                      <TD>


          2、说明:


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


              B、做几个内边框,就将这段代码放开头那段代码的<TD>后,(即“文字”前)并复制粘贴几次;


          3、以做三个内边框为例:也就是将内边框代码复制粘贴三次放于开头那段代码的<TD>后,(即“文字”前)边框的宽设为“1”,代码变化如下:


<TABLE style="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>
<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>


看看代码变化后的效果:


这里是文字的输入地方,随着文字的增多,边框就逐渐放大。


可以放加入背景图片的代码 ,在这里还可以放一个或多个动


画代码(做多层透明flash动画)。



 


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



这里是文字的输入地方,随着文字的增多,边框就逐渐放大。


可以放加入背景图片的代码 ,在这里还可以放一个或多个动


画代码(做多层透明flash动画)。


;


作者 :枫叶Fs 时间:2012-09-07 09:55:00
  @人间惆怅客SD:辛苦了好友!把图片地址换一下就不会显示网易相册,一般网易图片不能显示在天涯社区帖子,这样看起来会比较清楚。。。
作者 :枫叶Fs 时间:2012-09-07 09:55:33
  这些边框很好。。枫叶喜欢!
作者 :2012雨中的邂逅 时间:2012-10-02 00:01:14
  挺难
作者 :我的心在飞扬2011 时间:2012-10-28 12:40:26
  慢慢学习!
作者 :花若怜_泪涧成线 时间:2013-07-30 23:56:47
  慢慢摸索中。。。
作者 :幸福加速度abc 时间:2013-07-31 14:33:44
  @人间惆怅客SD
  能不能把边框里的底色改一下,或者字体颜色改一下?这样看不太清楚容易模糊。
楼主人间惆怅客SD 时间:2013-07-31 23:31:11
  @幸福加速度abc
  
  幸福好友,本贴是从《网易》直接复制过来的,如果再打开编辑,里面的示范代码就全变成显示效果了。真是抱歉,《网易》的一些编辑天涯不能兼容。所以只好这样了。

相关推荐

    发表回复

    请遵守天涯社区公约言论规则,不得违反国家法律法规