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

雨落大漠润胡杨,燕舞戈壁伴红柳。芳草碧碧生馥郁,菲色浸染谱春秋。

 
 
 

日志

 
 

如何制作简易边框  

2009-04-19 15:19:48|  分类: 博客素材 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
边框

    贴子的重要组成部分是先做一个边框。现在提供几个成品边框几代码:

1.一层边框(单表格)

代码:

<TABLE borderColor=#9900cc width="100%" border=10>
<TBODY>
<TR>
<TD width="100%"></TD></TR></TBODY></TABLE>

=#9900cc 这是颜色代码,可以换成你需要的颜色。

2.两层边框(两张表格的嵌套)

Table No.1(Father Table)

Table No.2(Son Table)
Table No.1(Father Table)

代码:

<table border=8 bordercolor=#0099cc width=100%>
<tbody>
  <tr>
   <td>Table No.1(Father Table)
    
<table border=8 bordercolor=#ccffcc width=100%>
     <tbody>
      <tr>
       <td><br>Table No.2(Son Table)<br></td>
      </tr>
     </tbody>
    </table>
    Table No.1(Father Table)
   </td>
  </tr>
</tbody>
</table>


3.三层边框(三张表格的嵌套)

代码:

 

<TABLE borderColor=#6633ff width="100%" border=8>
<TBODY>
  <TR>
   <TD>
    
<TABLE borderColor=#cc9966 width="100%" border=8>
     <TBODY>
      <TR>
       <TD>
        
<TABLE borderColor=#003300 height=200 width="100%" border=8>
         <TBODY>
          <TR>
           <TD></TD>
          </TR>
         </TBODY>
        </TABLE>
       </TD>
      </TR>
     </TBODY>
    </table>
   </td>
  </tr>
</tbody>
</Table>

   

 4.四个边框(四个表格嵌套,加背景)

 代码:

<TABLE borderColor=#6633ff cellPadding=10 width="100%" bgColor=#cccc00 background=http://www.alles.or.jp/~queen/webgraph/bg/image/star_kabe_01.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cc9966 width="100%" border=8>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#663388 height=200 width="100%" border=8>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#003300 height=200 width="100%" border=8>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#556633 height=100 width="100%" border=8>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD>

</TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

 5.七层边框

加入内容

代码:

<TABLE cellSpacing=0 cellPadding=4 width="95%" align=center background=

http://znrs.2000y.net/UploadFile/2004-7/20047252378494.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=315 cellSpacing=0 cellPadding=15 width="100%" background=

http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=355 cellSpacing=0 cellPadding=2 width="100%" background=

http://www.enchantingdesignz.com/linkware/parker/p2strip.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=387 cellSpacing=0 cellPadding=2 width="100%" background=

http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=15 width="100%" background=

http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE height=362 cellSpacing=0 cellPadding=2 width="100%" background=

http://www.enchantingdesignz.com/linkware/parker/p2strip.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE height=361 cellSpacing=0 cellPadding=4 width="100%" background=

http://znrs.2000y.net/UploadFile/2004-7/20047252378494.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=204 cellSpacing=0 cellPadding=4 width="100%" border=0>
<TBODY>
<TR>
<TD>加入内容 </TD></TR></TBODY></TABLE>
<DIV></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>

</DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>

</TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE>

 二、加入内容

     在边框(表格)内加入的内容有:文字、图片、音乐。文字的大小、颜色、字体均可选择,直到满意为止。图片的花样、种类更是丰富多彩,选中所需要图片的格式代码、只要改变图片的地址即可。

 例子

 1.一层

加入内容

 代码:

<TABLE cellSpacing=1 cellPadding=1 width="100%" align=center background=http://znrs.2000y.net/UploadFile/2004-7/2004725225955377.jpg border=5>
<TBODY>
<TR>
<TD>加入内容</TD></TR></TBODY></TABLE>

2.两层

加入内容

 代码:

<P align=center>
<TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=#663399 border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#99ccff border=0>
<TBODY>
<TR>
<TD>加入内容</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

“加入内容”这是加入内容的地方,请注意保持边框(表格)代码的完整。

      无论几层边框(表格)加入内容都可以此类推

  评论这张
 
阅读(908)| 评论(2)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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