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

东方洋家园

欣赏满园春色,共度欢乐时光

 
 
 

日志

 
 

表格背景的配色方法  

2008-03-19 12:37:20|  分类: 博客导航 |  标签: |举报 |字号 订阅

 表格背景的配色方法 - 东方洋 - 东方洋家园 表格背景的配色方法 - 东方洋 - 东方洋家园  表格背景的配色方法 - 东方洋 - 东方洋家园表格背景的配色方法 - 东方洋 - 东方洋家园表格背景的配色方法 - 东方洋 - 东方洋家园

表格背景的配色

掌握了运用代码设置表格背景颜色的方法,就可创意出五颜六色的漂亮表格。方法如下。

一、单表格背景配色代码:

<TABLE style="BORDER-RIGHT: #00ff00 3px ridge; BORDER-TOP: #00ff00 3px ridge; BORDER-LEFT: #00ff00 3px ridge; BORDER-BOTTOM: #00ff00 3px ridge;

BACKGROUND-COLOR: #ffff00" cellSpacing=0>
<TBODY><TR><TD>这里可输入文字及图片等。表格边框会随之伸缩。

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


效果图:

  东方洋祝朋友掌握博客技法,把家园装扮得更美丽。

   这里可输入文字及图片等。表格边框会随之伸缩。

说明:

1、上图为一组完整的单表格配色代码。

2、蓝色部份BACKGROUND-COLOR: #ff0000为表格背景代码,更换背景只需将颜色代码#ff0000改变即可。如黄色为ffff00,粉色为ff0099,绿色为00ff00,

蓝色为0000ff等等。

 

颜色值改为ff0099(粉色)的效果图:

  东方洋祝朋友掌握博客技法,把家园装扮得更美丽。

    这里可输入文字及图片等。表格边框会随之伸缩。

 

二、多表格背景配色代码:

<TABLE cellSpacing=1 cellPadding=0 width=450 align=center bgColor=#ff0000 border=0>

<TBODY><TR bgColor#ff0000height=40>

<TD width="100%">这里可输入文字及图片等。边框会随之伸缩</TD></TR>

<TR bgColor#ff0000height=40>

<TD width="100%">这里可输入文字及图片等。边框会随之伸缩

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

 

效果图:

  东方洋祝朋友掌握博客技法,把家园装扮得更美丽。
  东方洋祝朋友掌握博客技法,把家园装扮得更美丽。

说明:

1、上图为一组完整的双表格配色代码。

      2、蓝色部份TR bgColor#ff0000为表格背景代码,更换背景只需将颜色

代码#ff0000改变即可。

                               

颜色值改为00ff00(绿色)的效果图:

        东方洋祝朋友掌握博客技法,把家园装扮得更美丽。
        东方洋祝朋友掌握博客技法,把家园装扮得更美丽。

 


欣赏效果图:

  东方洋祝朋友掌握博客技法,把家园装扮得更美丽。
  东方洋祝朋友掌握博客技法,把家园装扮得更美丽。
  东方洋祝朋友掌握博客技法,把家园装扮得更美丽。
  东方洋祝朋友掌握博客技法,把家园装扮得更美丽。
  东方洋祝朋友掌握博客技法,把家园装扮得更美丽。

 

       特字及尾图 - 东方洋 - 东方洋家园东方洋家园

 

           请印: 

       表格背景的配色方法 - 东方洋 - 东方洋家园    欢迎光临东方洋家园  表格背景的配色方法 - 东方洋 - 东方洋家园

 

 

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

历史上的今天

最近读者

热度

评论

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

页脚

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