注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

★★★绝伦天然★★★

★人生如水、水如人生★

 
 
 

日志

 
 

边框制作代码  

2015-05-09 23:07:53|  分类: 〖边框素材〗 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

代码(1):

<TABLE cellSpacing=15 cellPadding=0 width=700 background=底层边框图片地址 border=0>

<TBODY>

<TR>

<TD width=700>

<TABLE cellSpacing=10 cellPadding=0 width=680 background=第2层边框图片地址 border=0>

<TBODY>

<TR>

<TD width=680>

<TABLE cellSpacing=10 cellPadding=0 width=660 background=第3层边框图片地址 border=0>

<TBODY>

<TR>

<TD width=660>

<TABLE cellSpacing=10 cellPadding=0 width=640 background=第4层边框图片地址 border=0>

<TBODY>

<TR>

<TD>

点击 < >  复制以上代码进入编辑状态,注:蓝色的数字可以根据自己的需求改变。

 

边框的基格式:

<TABLE cellSpacing=边框宽度 width="网页宽度" background=第一层边框图片网址>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=1 borderColorDark=#0d1737 cellPadding=边框宽度 width="网页宽度" borderColorLight=#24387a background=第二层边框图片网址 border=1>
<TBODY>
<TR>
<TD>
<TABLE cellPadding=边框宽度 width="网页宽度"background=第三层边框图片网址>
<TBODY>
<TR>
<TD>
<TABLE width="网页宽度" background=背景图片网址 border=0>
<TBODY>
<TR>
<TD>

说明:

    <table>:表格的起始符。任意一个表格的开始都必须以它开头,且必须有终止符</table>。

    cellspacing:单元格间距。当一个表格有多个单元格时,各单元格的距离就是cellspacing了,如若表格只有一个单元格,那么,这个单元格与表格上、下、左、右边边框的距离也是cellspacing。

    width:表格的宽度。取值从0开始,默认以像素为单位,与显示器的分辨率的像素是一致的。800×600的显示分辨率下,如果表格设置成1000个像素的宽度,那么,得出的效果将导致IE的横向滚动条出现,只有通过滑动它才能看到表格最右边的内容,所以建议在设置表格的宽度时充分考虑显示分辨率问题。width的取值还可以使用百分比,如widht="100%",这种赋值法有个好处:表格的宽度将根据可显示的宽度来自我调整宽度。

    background:表格的背景图。其值为一个有效的图片地址。<td>也有此属性。同时设置背景色和背景图不冲突,也建议这么做,这样,当图片不能显示时,表格的外观依然是好看的。

    <tbody>:表体的起始符。紧跟在<table>之后,表示表体开始。必须有结尾符,放在</table>之前。在纯网页中可以不要tbody元素,但在论坛一定要使用,否则,当帖子用到较多的表格时,论坛的自动填充功能将可能会导致代码出错。

    <tr>:tr的作用是规定表格的行,其中,t是table,r是row(行)。有多少组tr,这张表格就有多少行。<tr>紧跟在<tbody>之后。必须有终止符</tr>。

    <td>:td的作用是规定表格的列,t是table,d可理解为down(向下)。有多少组td,这张表格就有多少列。第一个<td>紧跟在<tr>之后。终止符为</td>。td与tr配合构成单元格。

     border:此属性定义表格的边框。比如,border=1,表示表格边框的粗细为1个像素(默认值),为0表示没有边框。

LEFT: 0px 是边框与页面边界的距离,0即为与左边界重合,取负数边框就会突破页面左边界,取正数则边框右边就会突破页面右边界。

TOP: 0px 是边框上延与页面顶部的距离,除非有特殊需要,一般取0,否则边框顶部与页面会出现空隙。

 

 代码(2):

<TABLE cellSpacing=2 cellPadding=0 width=734 background=图片地址 border=1>
<TBODY>
<TR>
<TD width=734>
<TABLE cellSpacing=50 cellPadding=0 width=730 background=图片地址 border=0>
<TBODY>
<TR>
<TD width=730>
<TABLE cellSpacing=5 cellPadding=0 width=630 background=图片地址 border=0>
<TBODY>
<TR>
<TD width=630>
<TABLE cellSpacing=20 cellPadding=0 width=620 background=图片地址 border=0>
<TBODY>
<TR>
<TD width=620>
<TABLE cellSpacing=5 cellPadding=0 width=580 background=图片地址 border=0>
<TBODY>
<TR>
<TD width=580>
<TABLE cellSpacing=50 cellPadding=0 width=570 background=图片地址 border=0>
<TBODY>
<TR>
<TD width=570>

代码(3):

<TABLE cellSpacing=2 cellPadding=0 width=764 background=图片地址 border=0>
<TBODY>
<TR>
<TD width=764>
<TABLE cellSpacing=0 cellPadding=0 width=760 background=图片地址 border=0>
<TBODY>
<TR>
<TD width=760>
<TABLE cellSpacing=50 cellPadding=0 width=760 background=闪图图片地址 border=0>
<TBODY>
<TR>
<TD width=760>
<TABLE cellSpacing=5 cellPadding=0 width=660 background=图片地址 border=0>
<TBODY>
<TR>
<TD width=660>
<TABLE cellSpacing=20 cellPadding=0 width=650 background=图片地址 border=0>
<TBODY>
<TR>
<TD width=650>
<TABLE cellSpacing=5 cellPadding=0 width=610 background=图片地址 border=0>
<TBODY>
<TR>
<TD width=610>
<TABLE cellSpacing=20 cellPadding=0 width=600 background=图片地址 border=0>
<TBODY>
<TR>
<TD width=600>
<P>&nbsp;</P>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

http://qimm.blog.163.com/blog/static/216919098201312385158235/
  评论这张
 
阅读(89)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017