荔园在线
荔园之美，在春之萌芽，在夏之绽放，在秋之收获，在冬之沉淀
[回到开始]
[上一篇][下一篇]
发信人: jjk (Linux Device Driver), 信区: Homepage
标 题: 表格进阶(TABLE ADVANCED)(zz)
发信站: 荔园晨风BBS站 (Thu Jun 13 15:52:20 2002) , 转信
发信人: mos (xml), 信区: XML
标 题: 表格进阶(TABLE ADVANCED)
发信站: 南京大学小百合站 (Wed Apr 11 09:53:37 2001), 站内信件
表格的色彩
表元的背景色彩和背景图象
<th bgcolor=#>
<th background="URL">
#=rrggbb 16 进制 RGB 数码, 或者是下列预定义色彩名称：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
<table border>
<tr><th bgcolor=ffaa00>Food</th>
<th bgcolor=Red>Drink</th>
<th rowspan=2 background="image.gif">Sweet</th>
<tr bgcolor=white><td>A</td><td>B</td>
</table>
Food Drink Sweet
A B
表格边框的色彩
<table bordercolor=#>
<table cellspacing=5 border=5 bodercolor=#ffaa00>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
Food Drink Sweet
A B C
表格边框色彩的亮度控制
<table bordercolorlight=#>
<table bordercolordark=#>
<table cellspacing=5 border=5
bordercolorlight=White bordercolordark=Maroon>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
Food Drink Sweet
A B C
表格的分组显示(Structured Table)
按行分组
<thead> ... </thead> - 表的题头(Header)
<tbody> ... </tbody> - 表的正文(Body)
<tfoot> ... </tfoot> - 表的脚注(Footer)
<table border>
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>
Food Drink Sweet
A B C
D E F
按列分组
<colgroup align=#> #=left, right, center
<table border width=160>
<colgroup align=left>
<colgroup align=center>
<colgroup align=right>
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>
Food Drink Sweet
A B C
D E F
列的属性控制
<col span=#> #=从左数起，具有指定属性的列的列数
<col align=#> #=left, right, center
<table border width=160>
<colgroup>
<col align=center span=2>
<colgroup align=right>
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>
Food Drink Sweet
A B C
D E F
表格中边框的显示
显示所有 4 个边框 <table frame=box>
<table border frame=box>
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>
Food Drink Sweet
A B C
D E F
只显示上边框 <table frame=above>
Food Drink Sweet
A B C
D E F
只显示下边框 <table frame=below>
Food Drink Sweet
A B C
D E F
只显示上、下边框 <table frame=hsides>
Food Drink Sweet
A B C
D E F
只显示左、右边框 <table frame=vsides>
Food Drink Sweet
A B C
D E F
只显示左边框 <table frame=lhs>
Food Drink Sweet
A B C
D E F
只显示右边框 <table frame=rhs>
Food Drink Sweet
A B C
D E F
不显示任何边框 <table frame=void>
Food Drink Sweet
A B C
D E F
表格中分隔线(Rules)的显示
显示所有分隔线 <table rules=all>
<table border rules=all>
<colgroup><col align=center span=2>
<colgroup align=right>
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
<tbody>
<tr><td rowspan=3 align=right>Total $-00.0</td>
</tbody>
</table>
Food Drink Sweet
A B C
D E F
Total $-00.0
只显示组(Groups)与组之间的分隔线 <table rules=groups>
Food Drink Sweet
A B C
D E F
Total $-00.0
只显示行与行之间的分隔线 <table rules=rows>
Food Drink Sweet
A B C
D E F
Total $-00.0
只显示列与列之间的分隔线 <table rules=cols>
Food Drink Sweet
A B C
D E F
Total $-00.0
不显示任何分隔线 <table rules=none>
Food Drink Sweet
A B C
D E F
Total $-00.0
--
※ 来源:．南京大学小百合站 bbs.nju.edu.cn．[FROM: 172.16.30.73]
--
____________________________________________
|┏━━━━━━━━━━━━━━━━━━━━┓
|┃ 欢迎光临荔园晨风 Linux 版,InstallBBS 版┃
|┗━━━━━━━━━━━━━━━━━━━━┛
﹋﹋﹋﹋﹋﹋﹋﹋﹋﹋﹋﹋﹋﹋﹋﹋﹋﹋﹋﹋﹋﹋
※ 来源:．荔园晨风BBS站WWW bbs.szu.edu.cn. [FROM: 192.168.0.146]
[回到开始]
[上一篇][下一篇]
荔园在线首页 友情链接：深圳大学 深大招生 荔园晨风BBS S-Term软件 网络书店