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

淡然如是的博客家园

欢迎光临

 
 
 

日志

 
 

【引用】 表格边框代码应用(5)  

2010-07-28 10:16:21|  分类: 博客技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用

三峡胡子渔表格边框代码应用(5)
武克

 

表格边框代码应用(5)

 

表格应用实例(二)

 

        当表格中只有一个单元格时,它实际就是一个日志边框。

一、颜色边框:

  1、单色框、透明背景、固定宽度的边框:

代码:

<TABLE borderColor=#0080ff  cellSpacing=5 cellPadding=5 

width=600 align=center border=10>

<TR><TD>日志内容</TD></TR>

</TABLE>

效果:

       说明:边框的高度可随日志内容进行调整。

 

 

  2、阴影边框、颜色背景、固定宽度的边框:

代码:

<TABLE cellSpacing=5 borderColorDark=#004B97

  cellPadding=5 width=600 align=center

bgColor=#660000 borderColorLight=#62B0FF border=10>

<TR><TD>日志内容</TD></TR>

</TABLE>

效果:

 

 

  3、双色边框、颜色背景、固定宽度的边框:

代码:

<TABLE borderColor=#0080ff  cellSpacing=5 cellPadding=5 

width=600 align=center bgColor=#660000 border=10>

<TR><TD borderColor=#ffffff>日志内容</TD></TR>

</TABLE>

效果:

 

          说明:<TD>标签中多了一个“borderColor=#ffffff”,表示内框线颜色。

                     width=100%,表示边框的宽度为最大化。

 

 

二、图片边框:

      1、图片边框、颜色背景、固定宽度的边框:

代码:

<TABLE cellSpacing=15  width=600 
background=图片地址>
<TR><TD>

<TABLE width=600 align=center bgColor=#660000>

<TR><TD>日志内容</TD></TR>

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

效果:

 

 

       2、单层图片边框、颜色细框、颜色背景、最大化宽度的边框:

代码:

<TABLE borderColor=#0080ff cellSpacing=15  width="100%"
background=图片地址 border=2>
<TR><TD>

<TABLE borderColor=#0080ff width="100%" align=center

bgColor=#660000 border=2>

<TR><TD>日志内容</TD></TR>

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

效果:

 

     说明: width=100%,表示边框的宽度为最大化。

 

 

       3、多层图片边框、颜色细框、图片背景、固定宽度的边框:

代码:

<TABLE borderColor=#0080ff cellSpacing=3  cellPadding=5

width=600 align=center background=图片地址 border=1>
<TR><TD>
<TABLE borderColor=#0080ff cellSpacing=30 
cellPadding=5

width="100%" align=center background=图片地址 border=1>
<TR><TD>
<TABLE borderColor=#0080ff cellSpacing=3 
 cellPadding=5

width="100%" align=center background=图片地址 border=1>
<TR><TD>
<TABLE borderColor=#0080ff cellSpacing=10 
cellPadding=5

width="100%" align=center background=图片地址 border=1>
<TR><TD>
<TABLE borderColor=#0080ff cellSpacing=3 
 cellPadding=1

width="100%" align=center background=图片地址 border=1>
<TR><TD>
日志内容</TD></TR>

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

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

</TABLE>

效果:

 

 

 

  评论这张
 
阅读(18)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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