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

农家乐的博客

休闲庄园

 
 
 

日志

 
 

虚线表框  

2015-02-16 08:08:26|  分类: 表框制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
线

虚线表框 - 敬礼! - 农家乐的博客

虚线表框 - 敬礼! - 农家乐的博客红芙蓉博客虚线表框 - 敬礼! - 农家乐的博客

一、实线有内框无背景表框

本表格代码:

<TABLE border=4 cellSpacing=3 borderColor=#ff13f0 cellPadding=5 width=600 height=100>
<TBODY>
<TR>
<TD>这里写文字放图片</TD></TR></TBODY></TABLE>

代码注释:

1、TABLE 【定义表格】;

2、width=600【定义表格的宽度,可用数值或百分数】;

3、height=100【定义表格的高,用数值或百分数】;

4、border=4【表框线的粗细值】;

5、borderColor=#ff13f0 【表框线的颜色】;

6、cellSpacing=3 【内外框线的间距,0为无内框】;

7、cellPadding=5 【框内资料距内边框的间距】。

二、单虚线无背景表格

本表格代码:

<TABLE style="BORDER-BOTTOM: rgb(255,0,0) 6px dashed; BORDER-LEFT: rgb(255,0,0) 5px dashed; BORDER-TOP: rgb(255,0,0) 5px dashed; BORDER-RIGHT: rgb(255,0,0) 5px dashed" cellSpacing=0 cellPadding=5 width=600 align=center height=200>
<TBODY>
<TR>
<TD>这里写文字放图片</TD></TR></TBODY></TABLE>

代码注释:

1、solid 实线;dashed 虚线;dotted 圆实点。

2、rgb(255,0,0) 边框线颜色的数字表达式;

3、BORDER-TOP: 上框线控制标签;

4、BORDER-BOTTOM:下框线控制标签;

5、BORDER-LEFT: 左框线控制标签;

6、BORDER-RIGHT: 右边框线控制标签。

优缺点:

1、四条框线可以分别设置为不同的颜色、粗细、形状。

2、代码比较繁琐。

三、双层虚线有背景表格

本表格代码:

<TABLE style="BORDER-BOTTOM: rgb(255,0,0) 6px dashed; BORDER-LEFT: rgb(255,0,0) 6px dashed; BORDER-TOP: rgb(255,0,0) 6px dashed; BORDER-RIGHT: rgb(255,0,0) 6px dashed" cellSpacing=2 width=600 height=100>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-BOTTOM: rgb(0,255,0) 3px dashed; BORDER-LEFT: rgb(0,255,0) 3px dashed; BORDER-TOP: rgb(0,255,0) 3px dashed; BORDER-RIGHT: rgb(0,255,0) 3px dashed" cellSpacing=0 cellPadding=5 width=584 bgColor=#0000ff height=100>
<TBODY>
<TR>
<TD>文字</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

四、双层圆点有背景表格

本表格代码:

<TABLE style="BORDER-BOTTOM: rgb(255,0,0) 6px dotted; BORDER-LEFT: rgb(255,0,0) 6px dotted; BORDER-TOP: rgb(255,0,0) 6px dotted; BORDER-RIGHT: rgb(255,0,0) 6px dotted" cellSpacing=2 width=600 height=500>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-BOTTOM: rgb(0,255,0) 5px dotted; BORDER-LEFT: rgb(0,255,0) 5px dotted; BORDER-TOP: rgb(0,255,0) 5px dotted; BORDER-RIGHT: rgb(0,255,0) 5px dotted" cellSpacing=0 cellPadding=5 width=584 bgColor=#0000ff height=500>
<TBODY>
<TR>
<TD>资料</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

代码注释:

1、align=center 控制边框位置【左left、中center、右right】。

2、bgcolor=0000ff 表框的背景颜色代码。

五、单层圆点无背景音乐表框

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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