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

琳达 博客

海外游子

 
 
 

日志

 
 

【转载】04:学习表格标签做颜色背景图框  

2014-08-04 12:06:34|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
欢迎您!启步学代码。

(游子学习笔记。 供初学HTML代码的朋友参考)


格林浪人 整编
学习表格标签做颜色背景图框


  做音画贴首先要构思用那一种图框和背景.图框有用表格标签以颜色或图片作背景的单层和多层套装,也有用三张图片合成的三合一套装.用颜色做成的图框,不受条件所限,隐定性较好,显示也快。用网络上的图片地址做成的多层套装,非常精彩漂亮,但有时会因网络失去链接,无法显示。


用颜色做成的一层图框;







颜色做成的一层图框代码;

<TABLE borderColor=#ffd700 cellSpacing=10 cellPadding=10 width="800 "height="330" align=center bgColor=#0000ff border=16> <TBODY> <TR> <TD > <BR><BR><BR><BR><BR><BR> </TD></TR></TBODY></TABLE>


用颜色做背景的二层图框;









用颜色做背景的二图框代码;

<TABLE borderColor=#808000 cellSpacing=3 cellPadding=1 width="800 "height="330" align=center bgColor=#ffff00 border=16> <TBODY> <TR> <TD > <TABLE borderColor=#80ff00 cellSpacing=3 cellPadding=3 width="780 "height="330" align=center bgColor=#0000ff border=8> <TBODY> <TR> <TD > <BR><BR><BR><BR><BR><BR> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>


背景颜色淡化暂变(从左向右):

 

背景颜色淡化暂变(从左向右):代码:

<table border="15" width="760" cellspacing="5" cellpadding="5" bgcolor="#FFFF00" bordercolor="#800000" id="table1" height="260"> <tbody> <tr> <td style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#00ff00', endColorStr='#ffffff', gradientType='1')">   </td></tr></tbody></table>


背景颜色淡化暂变(从右向左):

 

背景颜色淡化暂变(从左向右):代码:
<table border="15" width="760" cellspacing="5" cellpadding="5" bgcolor="#FFFF00" bordercolor="#800000" id="table1" height="260"> <tbody> <tr> <td style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#00ff00', gradientType='1')">   </td></tr></tbody></table>



击点打开html代码浏览器
 
  原创编辑:游子
2005年10月试编 2006年06月改编
2007年04月改编 2008年11月改编
2010年7月11日 格林浪人整编

(为了让更多网友学用html代码制作音画贴,本贴欢迎转载.但是.我用了很多时间和精力编写这些资料的,转载时请注意网络上的荣辱公德不要把原创编辑游子的名字改掉。谢谢!)

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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