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

彩云归

 
 
 

日志

 
 

博客装饰-表格(2)  

2009-04-30 15:28:00|  分类: 博客装饰 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

博客装饰-表格(2)

名称 实例 代码

表元的背景色彩

<th bgColor=#>

<tr bgColor=#>

<td bgColor=#>

#=rrggbb 16进制RGB数码,

或者是预定义色彩名称。

 

表头A 表头B 表头C
A B C
  

<TABLE border=1>
<TBODY>
<TR>
<TH bgColor=#ffaa00>表头A</TH>
<TH bgColor=red>表头B</TH>
<TH>表头C</TH></TR>
<TR bgColor=white>
<TD bgColor=blue>A</TD>
<TD>B</TD>
<TD bgColor=teal>C</TD></TR>

</TBODY></TABLE>

表元的背景图象

<th background=URL>

URL 图象的网址

 

表头A 表头B 表头C
A B C
<TABLE border=1>
<TBODY>
<TR>
<TH background=图片1网址>表头A</TH>
<TH background=图片2网址>表头B</TH>
<TH background=图片3网址>表头C</TH></TR>
<TR>
<TD>A</TD><TD>B</TD>
<TD>C</TD></TR></TBODY></TABLE>

表格边框的色彩

<table borderColor=#>

#=rrggbb 16进制RGB数码,

或者是预定义色彩名称。

 

表头A 表头B 表头C
A B C
 

<TABLE borderColor=#ffaa00 cellSpacing=5 border=5>
<TBODY>
<TR>
<TH>表头A</TH><TH>表头B</TH>

<TH>表头C</TH>
<TR>
<TD>A</TD><TD>B</TD>
<TD>C</TD></TR></TBODY></TABLE>

边框色彩的亮度控制

<table borderColorLight=#>
<table borderColorDark=#>

#=rrggbb 16进制RGB数码,

或者是预定义色彩名称。

 

表头A 表头B 表头C
A B C

 

<TABLE cellSpacing=5 borderColorDark=#862d63 borderColorLight=white border=5>
<TBODY>
<TR>
<TH>表头A</TH><TH>表头B</TH>
<TH>表头C</TH>
<TR>
<TD>A</TD><TD>B</TD>
<TD>C</TD></TR></TBODY></TABLE>

边框的显示
(显示所有4个边框)

<table frame=box>

默认box

 

 

表头A 表头B 表头C
A B C
D E F

 

<TABLE border=1 frame=box>
<TBODY>
<TR>
<TH>表头</TH><TH>表头B</TH>
<TH>表头C</TH></TR>
<TR>
<TD>A</TD><TD>B</TD>
<TD>C</TD></TR>
<TR>
<TD>D</TD><TD>E</TD>
<TD>F</TD></TR></TBODY></TD></TR></TABLE>

边框的显示
(只显示上边框)

<table frame=above>

 

表头A 表头B 表头C
A B C
D E F

 

<TABLE border=1 frame=above>

(其他同上)

边框的显示
(只显示下边框)

<table frame=below>

表头A 表头B 表头C
A B C
D E F

<TABLE border=1 frame=below>

(其他同上)

边框的显示
(只显示上、下边框)

<table frame=hsides>

 

 

表头A 表头B 表头C
A B C
D E F

 

<TABLE border=1 frame=hsides>

(其他同上)

边框的显示
(只显示左、右边框)

<table frame=vsides>

 

表头A 表头B 表头C
A B C
D E F

 

 

<TABLE border=1 frame=vsides>

(其他同上)

 

边框的显示
(只显示左边框)

<table frame=lhs>

 

表头A 表头B 表头C
A B C
D E F

 

TABLE border=1 frame=lhs>

(其他同上)

边框的显示
(只显示右框)

<table frame=rhs>

 

表头A 表头B 表头C
A B C
D E F

 

TABLE border=1 frame=rhs>

(其他同上)

边框的显示
(不显示任何边框)

<table frame=void>

 

表头A 表头B 表头C
A B C
D E F

 

TABLE border=1 frame=void>

(其他同上)

表格的分组显示
(按行分组)

<thead> ... </thead>
表的题头
<tbody> ... </tbody>
表的正文 

 

表头A 表头B 表头B
A B C
D E F

 

<TABLE border=1>
<THEAD>
<TR>
<TH>表头A</TH><TH>表头B</TH>
<TH>表头B</TH></TR></THEAD>
<TBODY>
<TR>
<TD>A</TD><TD>B</TD><TD>C</TD></TR>
<TR>
<TD>D</TD><TD>E</TD><TD>F</TD></TR>

</TBODY></TABLE>

表格的分组显示
(按列分组)

<colgroup align=#>
#=left(左), right(右), middle(中间)

表头A 表头B 表头C
A B C
D E F
<TABLE width=160 border=1>
<COLGROUP align=left>
<COLGROUP align=middle>
<COLGROUP align=right>
<THEAD>
<TR>
<TH>表头A</TH><TH>表头B</TH>
<TH>表头C</TH></TR></THEAD>
<TBODY>
<TR>
<TD>A</TD><TD>B</TD><TD>C</TD>
<TR>
<TD>D</TD><TD>E</TD>
<TD>F</TD></TR></TBODY></TABLE>

列的属性控制

<COL span=#> #=从左数起,具有指定属性的列的列数
<COL align=#> #=left, right, middle

 

 

表头A 表头B 表头C
A B C
D E F
   

 

<TABLE width=170 border=1>
<COLGROUP>
<COL span=2 align=middle>
<COLGROUP align=right>
<THEAD>
<TR>
<TH>表头A</TH><TH>表头B</TH>
<TH>表头C</TH></TR></THEAD>
<TBODY>
<TR>
<TD>A</TD><TD>B</TD><TD>C</TD>
<TR>
<TD>D</TD><TD>E</TD>
<TD>F</TD></TR></TBODY></TABLE>

表格中分隔线的显示
(显示所有分隔线)

<table rules=all>

默认 rules=all

表头A 表头B 表头C
A B C
D E F
彩云归欢迎您

<TABLE rules=all border=1>
<COLGROUP>
<COL span=2 align=middle>
<COLGROUP align=right>
<THEAD>
<TR>
<TH>表头A</TH><TH>表头B</TH>
<TH>表头C</TH></TR></THEAD>
<TBODY>
<TR>
<TD>A</TD><TD>B</TD><TD>C</TD></TR>
<TR>
<TD>D</TD><TD>E</TD><TD>F</TD></TR>

</TBODY>
<TBODY>
<TR>
<TD align=middle colSpan=3>彩云归欢迎您</TD></TR></TBODY></TABLE>

表格中分隔线的显示
(只显示组与组之间)

<table rules=groups>

表头A 表头B 表头C
A B C
D E F
彩云归欢迎您
<TABLE rules=groups border=1>

(其他同上)

表格中分隔线的显示
(只显示行与行之间)

<table rules=rows>

表头A 表头B 表头C
A B C
D E F
彩云归欢迎您
<TABLE rules=rows border=1>

(其他同上)

表格中分隔线的显示
(只显示列与列之间)

<table rules=cols>

表头A 表头B 表头C
A B C
D E F
彩云归欢迎您

 

<TABLE rules=cols border=1>
(其他同上)

表格中分隔线的显示
(不显示任何分隔线)

<table rules=none>

 

表头A 表头B 表头C
A B C
D E F
彩云归欢迎您

 

<TABLE rules=none border=1>
(其他同上)

  评论这张
 
阅读(38)| 评论(1)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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