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

火力光波的博客

火一般的热情 光一样的速度

 
 
 

日志

 
 

边框制作方法  

2008-08-25 14:01:56|  分类: 表格边框 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

1、一层边框

 代码: <TABLE borderColor=#666699 cellSpacing=2 cellPadding=8 width=470 align=center bgColor=#FFCCCC border=10>
<TBODY><TR><TD ><BR><BR>
</TD></TR></TBODY></TABLE>

其中:borderColor=#"边框颜色"    cellSpacing="单元格之间的距离"     cellPadding="单元格内容与单元格边框
                间的距离"     width="表格宽度"     align="水平对齐"    bgColor=#"背景颜色"     border="边框宽度"
 
效果:

 

 

 
 
2、二层图框

代码: <TABLE borderColor=#666699 cellSpacing=2 cellPadding=8 width=470 align=center bgColor=#FFCCCC

border=10><TBODY><TR><TD><TABLE borderColor=#666699 cellSpacing=2 cellPadding=8

width=465 align=center bgColor=#F0F0F0 border=3><TBODY><TR><TD>
<BR><BR><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

效果:

引用 边框制作方法及代码 - 新怡 - xinyibokehuanyingnin



  3、加入图片的二层边框

代码; <table border=16 cellSpacing=8 cellPadding=5 borderColor=#2F4F4F bgcolor=#408080><td>
<TABLE border=2><TR><TD width=450 background=http://image2.sina.com.cn/

dy/c/2004-10-01/U397P1T1D4478993F21DT20041001212159.jpg height=300 border=3>
</TD></TR></TABLE></td></table>

其中:  background="背景图片的地址"    height="高度"   

效果:



4、立体边框
代码: <table style="border:19px #ccffcc ridge" align="center" border="0" cellpadding="0" cellspacing="0" width="460" background="http://bbs.eyu.cn/attachments/ext_jpg/029_mS674YcNXDnk.jpg">
<tr><td><br><br><br><br><br><br></td></tr></table>
 
效果:
 
引用 边框制作方法及代码 - 新怡 - xinyibokehuanyingnin
 


 

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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