分享

边框制作方法及代码

 冷月沉浮 2014-05-20

               
          


 制作:浦江逝水冷月 来源:网络

 
               
  

边框的制作方法,一般分为二种:

1):不用图片直接制作音画、日志的边框;

2):用图片的方法,来制作更加漂亮的日志及音画边框.

比如用这个图片:用(静态)图片制作边框的方法 - 寒冬腊月 - .

 通常情况下,大多数博友均采用第二种方法.特点是美观、漂亮.但制作过程相对复杂一些.今天,本人特地抽出时间赶写了这方面的资料供大家叁考.并借此回复各位博友的留言......

      两种制作边框的方法都要采用表格代码,通过表格属性代码和颜色代码(用图片的边框是图片地址代码)的运用来实现。

      下面介绍的是不用图片的制作方法:

1、一层边框

代码: <TABLE borderColor=#666699 cellSpacing=2 cellPadding=8 width=670 align=center bgColor=#FFCCCC border=10>
<TBODY><TR><TD ><BR><BR>
</TD></TR></TBODY></TABLE>

其中:     borderColor=#"边框颜色"    cellSpacing="单元格之间的距离"     cellPadding="单元格内容与单元格边框
                间的距离"     width="表格宽度"     align="水平对齐"    bgColor=#"背景颜色"     border="边框宽度"
效果:

 

 

 
 
2、二层图框
代码: <TABLE borderColor=#666699 cellSpacing=2 cellPadding=8 width=670 align=center bgColor=#FFCCCC border=10><TBODY><TR><TD><TABLE borderColor=#666699 cellSpacing=2 cellPadding=8

width=600 align=center bgColor=#F0F0F0 border=3><TBODY><TR><TD>
<BR><BR><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

效果:

边框制作方法及代码 - - xinyibokehuanyingnin

下面介绍加入图片的制作方法:

  3、加入图片的二层边框

代码; <table border=16 cellSpacing=8 cellPadding=5 borderColor=#2F4F4F bgcolor=#408080><td>
<TABLE border=2><TR><TD width=670 background=http://image2.sina.com.cn/

dy/c/2004-10-01/U397P1T1D4478993F21DT20041001212159.jpg height=400 border=3>
</TD></TR></TABLE></td></table>

其中:  background="背景图片的地址"    height="高度"   

效果:




4、立体边框(利用图片)
代码: <table style="border:19px #ccffcc ridge" align="center" border="0" cellpadding="0" cellspacing="0" width="630" background="http://bbs./attachments/ext_jpg/029_mS674YcNXDnk.jpg">
<tr><td><br><br><br><br><br><br></td></tr></table>
效果:
引用 边框制作方法及代码 - 新怡 - xinyibokehuanyingnin
 

 
 
  
电脑知识精品收藏健康养身日志边框人文情感动态美女羽化美女抠图素材
鱼鸟花卉军事天地动态风景人间美食首页板块人身感悟图文经典百科知识
两性世界妖娆美女清新美女股海探秘在线制作PS制作经典乐曲气质美女
性感美女古韵美女世界博然中国名画名胜古迹情感图文世界名画古玩字画
首页模块美图共享经典歌曲书架制作装饰模块音画制作在线阅读五花八门
  
        

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多